Wie man eine lange Schnur in ion-item wordwrap

Question

IONIC hat zwei Probleme über das Wort-wickeln in ion-item: 1. Zeichenkette würde durch die Punkte am Ende abgeschnitten werden, wie man vollen Inhalt ohne Punkte zeigt? 2. Automatische Zeilenumbrüche und reagieren nicht in Firefox (Chrome ist in Ordnung), wie Sie dieses Problem in Firefox beheben?

<div class="row responsive-sm"> 
<div class="col"> 
    <div class="item item-body"> 
     <ion-item class="wrap" style="word-wrap: break-word; word-break: break-all;"> 
     #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion 
     </ion-item> 
    </div> 
</div> 

Jede Hilfe sehr geschätzt würde. Freundliche Grüße. Hier ist Full HTML das Problem codepen

Answer 1

Für ionische 1 zu zeigen:

Fügen Sie einfach item-text-wrapKlasse Punkt.

<ion-item class="item-text-wrap"> 
     #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion #fashion 
</ion-item> 

Für ionische 2:

Fügen Sie einfach text-wrapAttribut Punkt.

<ion-item text-wrap> 
    some long string 
</ion-item> 

Answer 2

Wenn Sie eine benutzerdefinierte CSS-Klasse wollen die gleiche Zeilenumbruch Wirkung haben, fügen Sie einfach

white-space: normal; 

Ihrer Klasse.

Quelle: ionic forum

Answer 3

In Ionic 2, verwenden Sie das Attribut text-wrap

<ion-item text-wrap> 
    text here wraps to multiple lines 
</ion-item>