html - 自动扩展文本框的底部屏幕边距

Question

我有一个基于 autosize 的自动扩展文本框.

在键入长文本时，在光标到达屏幕底部并按下回车键后页面向下滚动。这影响了我的设计要求，即文本和屏幕底部之间应该始终有一些空间。

有没有办法实现这个空间，最好只使用 css？

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

自动调整文本区域的实例: http://jsfiddle.net/ztb75su4/

Answer 1

您可以为文本区域创建一个最大高度元素:

#id_text {
    max-height:300px;
}

这只是意味着它不能超出您设置的像素数量。如果用户希望输入超过空间允许的文本，他们可以向下滚动。