Word wrapping in ion-row with 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 сделал трюк! Спасибо, парни!