自動展開文本框的底部邊距

Question

我有一個基於autosize的自動展開文本框。

在輸入長文本時，頁面在光標到達屏幕底部後向下滾動，然後按回車鍵。這會影響我的設計要求，即文本和屏幕底部之間應始終存在一定的空間。

有沒有辦法實現這個空間，最好只使用CSS？

<div class="container"> 
    <textarea id="id_text" name="text" rows="2"></textarea> 
</div> 

自動調整大小的textarea的

活生生的例子： http://jsfiddle.net/ztb75su4/

Answer 1

您可以創建爲textarea的一個最大高度元素：

#id_text { 
    max-height:300px; 
} 

這只是意味着它不會能夠延伸超過您設置的像素量。如果用戶希望輸入比空格允許的更多文本，他們可以向下滾動。