イオン2テキストラップのフォントサイズ

Question

イオン2アプリ -私が項目のリストを持っているテキストラップ属性を使用する場合、私は、フォントサイズを大きくするとき切断するテキストを避けるためにtext-wrapを使用しかしフォントが戻っているようです私が想定しているのは、text-wrap属性のデフォルトサイズです。 text-wrap（デフォルト）のフォントサイズを変更するにはどうすればよいですか？

フォントサイズが増加 - テキストラップなし：

フォントサイズ が増加 - テキストラップで：

HTML

<ion-list text-wrap> 
    <div *ngFor="let item of menuItems"> 
     <button ion-item (click)="goToPageFn(item)" class="app-font-25"> 
     <b>{{item.name}}</b> 
     </button> 
    </div> 
    </ion-list> 

CSS： [編集]

text-wrap { 
    font-size: 25px; 
} 
.app-font-25 { 
    font-size: 25px; 
} 

Answer 1

Ionic2は、テキストコンテンツをラップしないようになり、ボタンのために構築CSSを持っています。あなたがテキストのサイズを変更したいと同様にそれをラップする場合は、あなたのCSS

<ion-list> 
    <div *ngFor="let item of menuItems"> 
     <button ion-item (click)="goToPageFn(item)" class="app-font-25"> 
      <b>{{item.name}}</b> 
     </button> 
    </div> 
</ion-list> 

以下のようにコードを変更：に

.app-font-25 ion-label{ 
    white-space: inherit; 
    font-size: 25px; 
    } 

テキストラップは両方必要とされていないあなたhtmlとcss。