仅使用 CSS 可以扩展文本区域吗？

Question

我有一个 200px 高度的 textarea，但是当我通过带有文本的 200px 时，我想让 textarea 扩展而不是用滚动条保持 200px 的高度。

仅使用 CSS 可以做到这一点吗？

原文由 swayziak 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

而不是 textarea ，您可以使用 div 和 contentEditable 属性：

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

 <div contentEditable="true"></div>

演示

原文由 Engineer 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

仅使用 CSS 就可以使用户可扩展的文本区域。事实上，在一些现代浏览器中，这种可扩展性甚至是浏览器的默认设置。您可以明确要求：

 textarea { resize: both; }

浏览器支持正在增长，但仍然有限。

通常只有一个关于可调整大小的小提示：右下角的调整大小手柄。而且恐怕大多数用户都不会理解这个提示。

您不能仅使用 CSS 使文本区域根据内容 自动 扩展。

原文由 Jukka K. Korpela 发布，翻译遵循 CC BY-SA 4.0 许可协议