ionic framework - framework - Cómo enrollar una cadena larga en un ítem iónico

ionic v2 documentation

Question

IONIC tiene dos problemas sobre el ajuste de palabras en el elemento iónico: 1. La cadena se truncará con los puntos añadidos al final, ¿cómo mostrar el contenido completo sin puntos? 2. Los saltos de línea automáticos y las respuestas no funcionan en Firefox (Chrome está bien), ¿cómo solucionar este problema en Firefox?

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

Cualquier ayuda sería muy apreciada. Atentamente. Aquí está el HTML completo para mostrar el codepen problema

Answer 1

En Ionic 2, use el atributo de text-wrap

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

Answer 2

Si desea que una clase CSS personalizada tenga el mismo efecto de ajuste de palabras, simplemente agregue

white-space: normal;

a tu clase

Fuente: foro iónico

Answer 3

Para iónico 1:

Simplemente agregue item-text-wrap class al elemento.

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

Para iónico 2:

Solo agrega el atributo de text-wrap al artículo.

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