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; 
}