md-card出错

Question

当我尝试在移动设备模式下显示文字时，它会离开md-card， 它在codepen.io中也不起作用。使用md-card-content并不会改变这种情况。

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

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>代码 - CodePen

上使用CSS

标记

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

CSS

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