使用 Ionic 2 在 ion-row 内换行

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 成功了！谢谢大家！