Grid 用Ionic 2将单词包装在Ionion行内

我正在尝试在ion col中配置word包装，但我无法使其正常工作

下面的图片显示了我的问题：

我想做的是使覆盖的部分向下放置到下一行

以下是所有内容的结构：

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

Nome:{{visitante.Nome}}
空白：正常
成功了！谢谢大家
 哈[[y新年，我的朋友，试着在你的div上应用
溢出：隐藏；
显示：阻塞；
和
空白：正常
空白：正常应该可以