Javascript 如果删除了写入的行，则从contenteditable div中删除一行

如果您在

中写入了文本，如何确定是否删除了一行

我考虑过计算换行符，然后如果删除一个换行符，我可以缩小

的大小

你可以在WhatsApp中看到这种行为。如果您在WhatsApp中写入文本，文本区域将增长到特定大小。如果删除文本，它会收缩

你将如何做到这一点

---

不显示代码，只需解释。

主要思想是让div有空间增长，高度将自动调整

.messagePane{
边框：1px实心#000；
宽度：300px；
高度：200px；
显示：网格；
对齐项目：柔性端；
}
.messageBox{
边框：1px实心#000；
填充：10px；
利润率：10px；
}

在此处键入您的消息

如果未明确设置高度，DIV元素的高度会自动调整其内容的高度。您只需要使用CSS就可以实现所需的功能。只需设置盒子的最小和最大高度。需要设置溢出，以便在文本从框中溢出时可以滚动文本

word break

设置为打断非常长的单词，以适合键盘内部，这样水平滚动条就不会出现

.pad{
边框：1px实心#000；
宽度：200px；
最小高度：50px；
最大高度：100px；
溢出y：自动；
断字：断字；
}

---

如果换行符是由自动文本换行创建的，则很难检测到它们。为什么不使用具有内容自适应大小的DIV？不要将高度设置为div@Teemu

为什么不使用具有内容自适应大小的DIV？

这是什么意思？我希望

div

增长到特定的大小，然后应该停止。如果没有明确定义高度，div元素会自动调整其内容的高度。你可以通过设置一些你不想看到的CSS代码来阻止高度以最大高度增长。如果是文本区域，则为每行添加限制，就像一行只能包含100个字符一样。然后根据文本/限制获取总行数。你也可以从这个答案中得到帮助。