2016-12-31 16 views
1

イオン列内にワードラッピングを設定しようとしていますが、それを動作させることができません。イオン列内のワード線をイオン2で包み込む

は、ここに私の問題を示す画像です:私は何をしたいか

image showing text overlaying

は、次の行にあるドロップダウンを重ねている部分を作ることです。ここで

は、すべてが構成されている方法は次のとおりです。これが機能しない理由

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

誰でも知っていますか?これは不可能ですか?

ありがとうございました。

+3

ha [[y新年友人、 'overflow:hidden;'を適用してみてください。あなたの部門の 'display:block;'と 'white-space:normal' – Ivaro18

+2

white-space:正常に動作するはずです –

答えて

3

white-space:normalトリックしました!みんなありがとう!

関連する問題