如何在离子卡2中使用文字包装？
如何在离子卡2中使用文字包装？
提问于 2016-12-19 11:01:59
情况
我需要用text-wrap作为离子卡，但它似乎不起作用。
代码
<ion-card>
<ion-card-header text-wrap>
<h2> <ion-icon name="list-box"></ion-icon> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labor</h2>
</ion-card-header>
<ion-card-content>
<p>content</p>
</ion-card-content>
</ion-card>柱塞
http://plnkr.co/edit/z5ehOQgz0oArhg6mMtUj?p=preview
问题
有一种方法可以为离子卡使用文字包装吗？
回答 3
Stack Overflow用户
回答已采纳
发布于 2016-12-19 11:11:49
好的，将white-space: normal;设置为ion-card-header修复了这个问题。
<ion-card-header style="white-space: normal;">也可以放在css文件中。
Stack Overflow用户
发布于 2017-06-21 11:58:33
<ion-card-header text-wrap>您也可以在其他组件中使用文本包装。
Stack Overflow用户
发布于 2018-02-19 05:22:39
white-space: normal;是正确的。但是它应该放在头标签IE h2上。默认情况下，“离子标签”(一个可以注入DOM的类)已经对它们应用了white-space: nowrap;。因此，在标头标签上设置white-space: normal;，通过css选择离子标签将有效。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/41221166
复制相关文章
相似问题
腾讯云开发者
