自动展开文本框的底部屏幕边距

Question

我有一个基于自动大小的自动扩展文本框。

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

有没有办法实现这个空间，最好只使用 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;
}

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