情况
我需要用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
问题
有一种方法可以为离子卡使用文字包装吗?
发布于 2016-12-19 03:11:49
好的,将white-space: normal;
设置为ion-card-header
修复了这个问题。
<ion-card-header style="white-space: normal;">
也可以放在css文件中。
发布于 2017-06-21 03:58:33
<ion-card-header text-wrap>
您也可以在其他组件中使用文本包装。
发布于 2018-02-18 21:22:39
white-space: normal;
是正确的。但是它应该放在头标签IE h2
上。默认情况下,“离子标签”(一个可以注入DOM的类)已经对它们应用了white-space: nowrap;
。因此,在标头标签上设置white-space: normal;
,通过css选择离子标签将有效。
https://stackoverflow.com/questions/41221166
复制