CSS规则在文本上自动调整textarea的大小

Question

假设我有textarea。我希望每次更改其值/文本时自动调整textarea的高度。它可以使用Javascript完成，但我很想知道是否有纯HTML / CSS解决方案。

Answer 1

至少对于<textarea>，使用纯CSS无法做到这一点，原因是，只能通过JavaScript捕获交互。但是，您可以使<div>具有contenteditable，假 <textarea>成为可能。

<强>段

＆＃13;

＆＃13;

div {
  display:inline-block;
  border: solid 1px #999;
  min-height: 100px;
  width: 300px;
}

＆＃13;

<div contentEditable></div>

＆＃13;

＆＃13;

＆＃13;