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

【问题标题】：How to make text area to be height of 10 rows fixed?如何使文本区域固定为 10 行的高度？
【发布时间】：2013-06-12 23:52:53
【问题描述】：

如何使文本区域的高度固定为 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 行高度，并且可以调整大小。

【问题讨论】：

标签： jquery jquery-mobile

【解决方案1】：

它只能在允许调整大小的浏览器中调整大小。你可以用这个 CSS 来阻止它：

textarea
{
    resize: none;
}

而关于高度不是 10 行，我怀疑这是因为 10 行高度是针对原始样式计算的，并且如果您已将样式更改为不同的字体和/或字体大小，并添加了填充，它可能不匹配。尝试将高度设置为 10em 或 10em + padding。

【讨论】：

【解决方案2】：

与resize: none;

如果高度不对，可以尝试用CSS设置

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

【讨论】：

【解决方案3】：

你可以试试：

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

为我工作

【讨论】：