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

Question

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

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;
}