如何让文字区的高度固定为10行，如何让文字区的高度固定为10行？

Question

如何使文字区的高度固定为10行？

<label for="textarea" style="font-weight: bold;">Message Content:</label>
<br/>
<textarea cols="40" rows="10" class="ui-input-text" name="textarea" id="textarea" placeholder="Enter Message"></textarea>

但页面加载时不是10行高度，而且是可调整大小的。

Answer 1

只有在允许调整大小的浏览器中才可以调整大小。你可以用这个CSS来防止。

textarea
{
    resize: none;
}

而关于高度不是10行的问题 我怀疑是因为10行的高度是根据原来的样式计算的 如果你把样式改成了不同的字体或字体大小，并添加了填充物，可能就不匹配了 试着把高度设置为，比如。10em 或 10em + padding.

Answer 2

有了 resize: none;

如果高度不对，也许可以尝试用CSS来设置它

<textarea style="resize: none;" cols="40" rows="10" ...

Answer 3

你可以试试。

resize:none;
height: 320px;
max-height: 320px;

为我工作