我可以使文本区域随文本增长到最大高度吗？

Question

我正在做一个项目，我在 div 中有各种大小的数据。当用户点击其中一个 div 时，它需要变成一个可编辑的文本区域。宽度是恒定的，但我希望高度从原始 div 的高度开始，然后在添加滚动条之前增长到最大高度。那可能吗？

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

Answer 1

您可以使用 contenteditable 并让用户直接输入 div ，这是一个演示：http: //jsfiddle.net/gD5jy/

HTML

 <div contenteditable>
    type here...
</div>

CSS

 div[contenteditable]{
    border: 1px solid black;
    max-height: 200px;
    overflow: auto;
}

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

Answer 2

有一篇关于此主题的优秀 A List Apart 文章： 扩展文本区域变得优雅

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