md卡錯誤

Question

當我嘗試在移動設備模式下顯示文本時，它將不在md-card, 中，但它在codepen.io中也不起作用。使用md-card-content不會改變這種情況。

<md-card> 
 
    <md-card-header class="md-whiteframe-1dp"> 
 
    <md-title style="color:#3865a0"><b>xx</b></md-title> 
 
    </md-card-header> 
 
    <div style="margin:10px"> 
 
    <p>thisisextthathouldbevisuafhdffkdhakfgdkgkgfkgsgkfgfgfgfgfgfgfgfgfgfgfgfgggfgfggfgffggfgfg</p> 
 
    </div> 
 
</md-card>

Answer 1

它應該是這樣的：

<md-card> 
    <md-card-header class="md-whiteframe-1dp"> 
    <md-title style="color:#3865a0"><b>xx</b></md-title> 
    </md-card-header> 
    <md-card-content> 
     <div style="margin:10px"> 
     <p>thisisextthathouldbevisuafhdffkdhakfgdkgkgfkgsgkfgfgfgfgfgfgfgfgfgfgfgfgggfgfggfgffggfgfg</p> 
     </div> 
    </md-card-content> 
</md-card> 

Answer 2

在<p>標籤使用CSS - CodePen

標記

<p id="myText">thisisextthathouldbevisuafhdffkdhakfgdkgkgfkgsgkfgfgfgfgfgfgfgfgfgfgfgfgggfgfggfgffggfgfg</p> 

CSS

#myText { 
    word-wrap: break-word; 
}