html - DIV Contenteditable 展开问题

Question

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

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

score 12 · Accepted Answer

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

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

score 3 · Accepted Answer

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

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

2 回答 2