如何在contenteditable = true的情况下进行div自动增长

Question

当我在其中输入更多文本时，如何（使用jquery或javascript）进行<div contenteditable></div>自动增长？

Answer 1

避免提供height样式属性，并且自动调整大小应该自动发生。如果必须给出高度，请改为使用min-height属性：

<div contenteditable="true" 
     style="background: #ddd; border: 3px solid #ccc; min-height: 60px">
</div>

查看实际操作：FIDDLE