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

Question

<div contenteditable></div>当我在其中键入更多文本时,如何(使用jquery或javascript)可以进行自动增长？

Answer 1

避免给出height样式属性,自动调整大小应该自动发生.如果您必须给出一个高度,请使用该min-height属性:

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

看到它的实际效果:FIDDLE