javascript - 如何找到自动换行html中的第一行

Question

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

Answer 1

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

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