假设我有一个固定宽度的div，里面有一些自动换行的文本。现在我想在第一行的末尾插入一个span元素。由于文本不是以特定结构编写的，因此第一行可以包含五个单词以及三个或仅包含一个单词。所以我需要找到自动换行发生的位置。这可能还是我需要插入手动br或一些标记？
这是
痛苦的可能。问题是你为什么要这样做？可能有一种更简单的方法来完成您需要的事情。
如果您决定仍然需要执行此操作，则要做的就是创建此div 的克隆，该克隆看不到。您可以将此克隆div 的高度设置为 1px 或类似的东西。然后，您可以逐字用相同的文本填充此克隆。一旦div 的 scrollHeight 跳跃，你就知道第一个单词换行已经发生。然后，您可以使用此数据来确定原始段落的第一行换行的位置。
你需要添加或一些标记。不同的浏览器计算应该在第一行放置多少个单词。如果用户更改浏览器的设置，例如增加字体大小，第一行将更改字数。