2014-09-04 49 views
6

Bir listeye yerleştirilmiş bir iyonik çerçeve projesinde bazı metinlerim var. Textarea tam olarak gösterilmiyor. Bir kısmı ekran dışı. ne olurİyonic TextAreas çok büyük oluyor

<div class="list" style="width:100%;"> 
    <label class="item item-input" style="max-width:100%"> 
     <span class=input-label>Description</span> 
     <textarea required></textarea> 
    </label> 
</div> 

textarea genişliği span.width + textarea.width>% 100, çok büyük oluyor olmasıdır.

Ben textarea genişliğini el ile biraz aşağıya ayarlarsanız,% 100 gösterilir.

Ebeveynin maksimum genişliğini% 100 olarak ayarlıyorum, bu yüzden daha büyük olmamalı, ancak öyle.

Bu davranışı nasıl önleyebilirim ve textarea'nın ekran üzerinde büyümesini sağlarım.

enter image description here

+0

Taşmayı deneyebilir misiniz: yok; textarea'da mı? –

+0

Bu ne yazık ki uygulanmadı, çünkü üzerine yazılır ve ne olduğunu bilmiyorum ne – marcel

+0

Hiçbiri overflow ayarla, ama bu work.no değişmez. – marcel

cevap

0
<div class="list" style="width:100%;"> 
    <label class="item item-input" style="max-width:100%"> 
     <span class=input-label>Description</span> 
     <textarea rows="4" col="12" required></textarea> 
    </label> 
</div> 

bu deneyin. Textarea'yı 'col' özelliğiyle kısıtlayın.

İlgili konular