HTML TextArea仅显示一行 - 始终以元素

Question

存在属性或函数以始终在TextArea元素中居中显示当前行/行;例如：

我希望它始终显示一行（不知道在当前行上向上或向下存在更多文本的用户）。 我想这应该是用CSS实现这一目标的方法。

示例：

<textarea id="text" rows=1>Test line 1
Test line 2
Test line 3
Test line 4
</textarea>

https://jsfiddle.net/mbv401920150/3w5Ly8bo/1/

Answer 1

您是否尝试过使用textarea元素的属性行：

<textarea rows="4" cols="50">
   Your text
</textarea>

您可以使用CSS删除右下角的调整大小选项，例如：

textarea {
  resize: none;
}