2013-06-12 71 views
1

如何使文本區域固定爲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行高時加載頁面,它是可以調整大小。

回答

2

調整大小:無;

如果高度是不正確的,請嘗試使用CSS設置它也許

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

只有在瀏覽器,允許它被調整大小調整大小。您可以防止其與此CSS:

textarea 
{ 
    resize: none; 
} 

而對於身高不是10行,我懷疑這是因爲10行高計算原有的風格,如果你已經改變了作風,以不同的字體和/或字體大小,以及添加的填充,它可能不匹配。嘗試設置高度,例如,10em10em +填充。

1

你可以試試:

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

作品對我來說

相關問題