離子TextAreas變得太大

我在一個嵌套在列表中的離子框架項目中有一些textareas。 textarea沒有完整顯示。它的一部分不在屏幕上。離子TextAreas變得太大

<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的寬度變得太大，span.width + textarea.width> 100％。

如果手動設置textarea的寬度有點小，它會顯示100％。

我將其父母的最大寬度設置爲100％，所以它不應該變大，但它確實如此。

如何防止此行爲並讓textarea不會在屏幕上生長。

enter image description here

來源

2014-09-04 marcel

你可以嘗試溢出：無;在textarea上？ – 2014-09-04 12:52:04

這是不幸的是不適用，因爲它被覆蓋，我不知道什麼 – marcel 2014-09-04 13:06:44

我設置溢出爲none，但這並不work.no更改。 – marcel 2014-09-25 14:34:11

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

試試這個。使用'col'屬性限制textarea。

來源

2016-01-10 07:48:26

離子TextAreas變得太大

回答

相關問題