Fehler mit MD-Karte

Question

Wenn ich versuche, Text im mobilen Gerätemodus anzuzeigen, geht es aus md-card, es funktioniert auch nicht in copepen.io. Verwenden Sie md-card-content ändert nicht die Situation.

<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

Es sollte so aussehen:

<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

Verwenden CSS auf dem <p> tag - CodePen

Markup

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

CSS

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