javascript - 使用 CSS 动态调整字段高度

Question

我有一个 textarea 字段，我想根据使用的行数自动调整（即，如果用户输入一行，字段高度将仅显示该行，但如果用户输入长文本，该字段将显示所有文本行）。我希望它动态发生，而不使用滚动（溢出）。我会很感激这方面的帮助。

谢谢

Answer 1

评论中指出的答案中有很多想法，所以如果你绝对必须坚持使用 textarea，也许其中一些会解决你的问题，但它们需要 Javascript，我注意到你已经标记了 CSS 而不是 JS。

那么，您是否考虑过使用 contenteditable div 来代替？这将根据内容自动调整大小，而无需 Javascript：

.input {
  overflow: auto;
  border: 1px solid black;
}

<div class="input" contenteditable></div>