javascript - 如何在自动包装html中找到第一行

Question

假设我有div一个固定宽度和一些自动换行的文本。现在我想span在第一行的末尾插入一个元素。因为文本不是以特定结构编写的，所以第一行可以包含五个单词以及三个或一个单词。所以我需要找到自动换行发生的位置。这是可能的还是我需要插入手册br或一些标记？

Answer 1

您需要添加或一些标记。不同的浏览器计算应该在第一行放置多少单词。如果用户改变浏览器的设置，例如增加字体大小，第一行将改变字数。

Answer 2

这是痛苦的可能。问题是你为什么要这样做？可能有一种更简单的方法来完成您的需要。

如果您决定仍然需要这样做，您需要做的是创建一个无法看到的 div 的克隆。您可以将此克隆的 div 的高度设置为 1px 或类似的值。然后，您可以逐字用相同的文本填充此克隆。一旦 div 的 scrollHeight 跳跃，您就知道发生了第一个自动换行。然后，您可以使用此数据来确定原始段落的第一行在何处进行了换行。