Ошибка с md-картой

Question

Ошибка с md-картой

0

Когда я пытаюсь отобразить текст в режиме мобильного устройства, он выходит из 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>

Davide Nale 09 сен. 2016, в 16:02

Источник

0

что значит "выходит из md-card "? и можете ли вы перечислить кодовый блок с этим примером, чтобы мы могли видеть, о чем вы говорите?
Claies 09 сен. 2016, в 13:49

Теги:

javascript

angularjs

angular-material

2 ответа

Ещё вопросы

что значит "выходит из md-card "? и можете ли вы перечислить кодовый блок с этим примером, чтобы мы могли видеть, о чем вы говорите?

Prateek Gupta · Answer 1 · 2016-09-09T12-24-00.000Z

Это должно быть так:

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

та же проблема, но решение Camden работает

camden_kid · Answer 2 · 2016-09-09T11-18-00.000Z

Использовать CSS в <p> - CodePen

наценка

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

CSS

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