如何在Ionic 2中使用离子卡的文本换行?

Fra*_*ssi 6 ionic2

情况:

我需要使用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>
Run Code Online (Sandbox Code Playgroud)

THE PLUNKER:

http://plnkr.co/edit/z5ehOQgz0oArhg6mMtUj?p=preview

问题:

有一种方法可以为离子卡使用文本换行吗?

Jor*_*ira 16

<ion-card-header text-wrap>
Run Code Online (Sandbox Code Playgroud)

你也可以在其他组件中使用text-wrap.


Iva*_*ers 14

好的,设置white-space: normal;ion-card-header固定的.

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

Plunker:http://plnkr.co/edit/GjDmJBNMdnoPiteAKpDB