包裹在离子行里面的词与离子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做了伎俩!多谢你们!