私はIonic2を使ってアプリケーションを構築しています。ionic2でテキストを折り返す方法は?
サラダのリストを表示する必要があります。私はそれを構築するために<ion-list>
と<ion-item>
を使用しました。問題はアイテムが1行にしか表示できないことです。次の図に示す
:CODE
<ion-list>
<div class='title'>ALL SANDWICHES</div>
<div text-wrap class='subtitle'>SERVED ON ARBUTUS SOURDOUGH BREAD
WHOLEMEAL SOURDOUGH & GLUTEN FREE ARE AVAILABLE</div>
<ion-item *ngFor="let test of tests" class='item item-text-wrap'>
<!-- <div>{{test.id}}</div> -->
<div class='name' >{{test.name}} </div>
<div class='info'>{{test.info}} </div>
<div>€ {{test.price}}</div>
</ion-item>
</ion-list>
CSS
div.name{
font-weight: bold;
}
div.info{
font-size: 14px;
text-align: justify;
font-style: italic;
}
両方のコードclass='item item-text-wrap'
とCSS text-align: justify;
が働くことができないようです。
質問
複数の行に内容を表示することはできますか?
質問のコードヘルプには、問題** **の[** Stack Snippet **](https://blog.stackoverflow.com/2014)に**これを再現するのに必要な最短コードが含まれている必要があります。/09/introduction-runnable-javascript-css-and-html-code-snippets /)があります。 [**最小限で完全で検証可能なサンプルの作成方法**](http://stackoverflow.com/help/mcve)を参照してください。 –