2

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

4

3 回答 3

8

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

textarea
{
    resize: none;
}

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

于 2013-06-13T00:00:49.507 回答
5

和resize: none;

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

<textarea style="resize: none;" cols="40" rows="10" ...
于 2013-06-12T23:57:03.940 回答
3

你可以试试：

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

为我工作

于 2013-07-10T00:06:02.750 回答