如何使一個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

回答