Comment rédiger une longue chaîne en ion-item

ionique a deux problèmes à propos de word-wrap in ion-item: 1. Chaîne tronquée par les points ajoutés à la fin, comment afficher le contenu complet sans points ? 2. Les sauts de ligne automatiques et responsive ne fonctionnent pas dans Firefox (Chrome est ok), comment corriger ce problème dans 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>

Toute aide serait grandement appréciée. En Ce Qui Concerne Meilleur. Voici HTML complet pour montrer le problème codepen

37
demandé sur Mudasser Ajaz 2015-09-01 18:09:24

3 réponses

Pour ionique 1:

il suffit d'ajouter item-text-wrap classe à l'article.

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

pour ionique 2:

il suffit d'ajouter text-wrapl'attribut à l'article.

<ion-item text-wrap>
  some long string
</ion-item>
80
répondu Mudasser Ajaz 2017-10-05 08:35:39

Ionique, 2, utilisez le text-wrap l'attribut

<ion-item text-wrap>
  text here wraps to multiple lines
</ion-item>
92
répondu Aaron Broad 2016-07-28 18:31:06

si vous voulez qu'une classe CSS personnalisée ait le même effet d'enroulement de mots, ajoutez juste

white-space: normal;

pour votre classe.

Source: forum ionique

9
répondu gcucurull 2016-02-15 08:42:00