イオン2のイオンカードにテキストラップを使用するには？

Question

SITUATION：

Iは、イオンカードのtext-wrapを使用する必要があるが、それが動作しないようです。

CODE：

<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> 

PLUNKER：

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

QUESTION：

のテキストラップを使用する方法がありますイオンカード？

Answer 1

[OK]をwhite-space: normal;〜ion-card-headerに設定してください。

<ion-card-header style="white-space: normal;">もCSSファイルに入れることができます。

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

Answer 2

<ion-card-header text-wrap> 

あなたも他のコンポーネントにテキストラップを使用することができます。

Answer 3

white-space: normal;が正しい。しかしそれはヘッダータグIE h2に置かれるべきです。デフォルトでは、 "ion-labels"（DOMに注入できるクラス）にはwhite-space: nowrap;が適用されています。だから、を、cssでイオンラベルタグを選択しているヘッダータグに設定すると動作します。