首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何在离子卡2中使用文字包装?

如何在离子卡2中使用文字包装?
EN

Stack Overflow用户
提问于 2016-12-19 11:01:59
回答 3查看 21.1K关注 0票数 6

情况

我需要用text-wrap作为离子卡,但它似乎不起作用。

代码

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

问题

有一种方法可以为离子卡使用文字包装吗?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2016-12-19 11:11:49

好的,将white-space: normal;设置为ion-card-header修复了这个问题。

<ion-card-header style="white-space: normal;">也可以放在css文件中。

柱塞:http://plnkr.co/edit/GjDmJBNMdnoPiteAKpDB

票数 14
EN

Stack Overflow用户

发布于 2017-06-21 11:58:33

代码语言:javascript
代码运行次数:0
运行
复制
<ion-card-header text-wrap>

您也可以在其他组件中使用文本包装。

票数 16
EN

Stack Overflow用户

发布于 2018-02-19 05:22:39

white-space: normal;是正确的。但是它应该放在头标签IE h2上。默认情况下,“离子标签”(一个可以注入DOM的类)已经对它们应用了white-space: nowrap;。因此,在标头标签上设置white-space: normal;,通过css选择离子标签将有效。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/41221166

复制
相关文章

相似问题

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