DIV Contenteditable 展开问题答案

【问题标题】：DIV Contenteditable expand problemDIV Contenteditable 展开问题
【发布时间】：2010-07-12 11:42:16
【问题描述】：

我有一个 contenteditable 设置为 true 的 div 来充当文本输入。现在通常，它会随着一些文本到达 div 的末尾而扩展，但是如果我调整 div 的大小，这种情况就不会发生。浏览器不再这样做。我尝试在将高度调整为自动后设置高度，但它也没有帮助。

请帮我解决这个问题。谢谢。

【问题讨论】：

【解决方案1】：

如果您设置了绝对高度，浏览器将绝对处理它。因此，将以下 css 规则应用于您的 div：

#yourdiv {
    height: auto;
    min-height: 150px;
}

【讨论】：

【解决方案2】：

这里有一个例子：http://html5demos.com/contenteditable 用 chrome 或 firebug 看它的源代码。

这一切都围绕着宽度、高度和溢出。您还应该小心使用 word-wrap 属性。看看这个！ :)

【讨论】：