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

如何使文本区域固定为10行的高度？我把喜欢如何使文本区域固定为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行高时加载页面，它是可以调整大小。

来源

2013-06-12 PaolaJ.

调整大小：无;

如果高度是不正确的，请尝试使用CSS设置它也许

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

来源

2013-06-12 23:57:03 Michael

只有在浏览器，允许它被调整大小调整大小。您可以防止其与此CSS：

textarea 
{ 
    resize: none; 
}

而对于身高不是10行，我怀疑这是因为10行高计算原有的风格，如果你已经改变了作风，以不同的字体和/或字体大小，以及添加的填充，它可能不匹配。尝试设置高度，例如，10em或10em +填充。

来源

2013-06-13 00:00:49 pilsetnieks

你可以试试：

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

作品对我来说

来源

2013-07-10 00:06:02

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

回答

相关问题