首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >md-card出错

md-card出错
EN

Stack Overflow用户
提问于 2016-09-09 21:46:15
回答 2查看 35关注 0票数 0

当我试图在移动设备模式下显示文本时,它在md-card之外,它也不能在codepen.io中工作。使用md-card-content并不能改变这种情况。

代码语言:javascript
运行
复制
<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>

EN

回答 2

Stack Overflow用户

发布于 2016-09-09 21:50:44

应该是这样的:

代码语言:javascript
运行
复制
<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>
票数 0
EN

Stack Overflow用户

发布于 2016-09-09 21:52:24

<p>标记上使用CSS - CodePen

标记

代码语言:javascript
运行
复制
<p id="myText">thisisextthathouldbevisuafhdffkdhakfgdkgkgfkgsgkfgfgfgfgfgfgfgfgfgfgfgfgggfgfggfgffggfgfg</p>

CSS

代码语言:javascript
运行
复制
#myText {
  word-wrap: break-word;
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/39413044

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档