如何使一个div autogrow where contenteditable = true

当我输入更多文本时，如何（使用jquery或javascript）使<div contenteditable></div>自动增长？如何使一个div autogrow where contenteditable = true

2013-04-06 Joe

让我们先从你发布你已经尝试过的代码。 – j08691 2013-04-06 22:24:07

你指的是它的宽度吗？因为它的高度确实是自动增长的。 – 2013-04-06 22:27:05

不，在Chrome中会出现一个滚动条。这是我期待autogrow的高度。 – Joe 2013-04-06 22:36:17

避免给出height样式属性，并且自动调整大小应该自动发生。如果你必须给一个高度，使用min-height属性来代替：

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

看到它在行动：FIDDLE

2013-04-11 08:33:36 Sagish

回答