离子TextAreas变得太大了

Question

我在离子框架项目中有一些嵌套在列表中的textareas。 textarea没有完整显示。它的一部分是屏幕外的。

<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＆gt; 100％。

如果我手动将textarea宽度设置为一点，则显示为100％。

我将它的父级的最大宽度设置为100％，所以它不应该变大，但确实如此。

如何防止此行为并让textarea不会在屏幕上生长。

Answer 1

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

试试这个。 用＆＃39; col＆＃39;来限制textarea。属性。