Question

我想写一个有div的HTML应用程序

contenteditable=true
height: 200px;
width: 200px;
word-wrap: break-word;

当用户在这个div中键入内容时，他的空间（高度）用完了 - 我希望内容应该移动到下一个div（另一个div低于这个div）

如何实现这一目标？我可以听div上的事件并继续检查高度（它是否已经增长到200px以上），然后是什么？

我可以为不可编辑的文档找到很多解决方案，但没有解决我的问题。

任何指针都表示赞赏。感谢。

Answer 1

您可以检查div内容的高度，如果它溢出一定高度，请将内容移到另一个div中。

要做到这一点，你必须使用一些javascript，它将检查每个keydown（）的内容大小，如果内容对你的div太大，则创建你的新div。这里的关键是在每个keydown上监听并执行这个场景：

请注意，在此过程中，您的用户不会丢失输入（例如一个或两个键输入）...