使用 Ionic 2 在离子行内换行

Question

我正在尝试在 ion-col 中配置自动换行，但我无法让它正常工作。

这是一张显示我的问题的图片：

我想做的是让重叠的部分下降到下一行。

以下是所有内容的结构：

<ion-item *ngFor="let visitante of visitantes">
  <ion-row wrap text-wrap>

    <ion-col width-50 text-wrap>
      Nome: {{ visitante.nome }}<br> <!-- this is what should go to the next line
      CPF : {{ visitante.cpf}}<br>
      Placa: {{ visitante.placa }}<br>
    </ion-col>

    <ion-col width-34>
      Liberado até:<br>
      {{ visitante.horaFim }}<br>
      {{ visitante.diaFim }}
    </ion-col>

    <ion-col width-10 text-right>
      <button ion-button icon-only>
        <ion-icon name="trash"></ion-icon>
      </button>
    </ion-col>

  </ion-row>
</ion-item>

有谁知道为什么这不起作用？这不可能吗？

谢谢。

Answer 1

white-space:normal 成功了！谢谢大家！

使用 Ionic 2 在离子行内换行

Word wrapping inside ion-row with Ionic 2

grid

word-wrap

ionic2