如何查找自動換行的第一行html

Question

假設我有一個固定寬度的div，裏面有一些自動換行文本。現在我想在第一行的末尾插入一個span元素。由於文本不是按特定結構編寫的，因此第一行可能包含五個單詞以及三個或僅一個單詞。所以我需要找到自動換行的位置。這是可能的還是我需要插入手冊br或某些標記？

Answer 1

這是痛苦的可能。問題是你爲什麼要這樣做？可能有更簡單的方法來完成你所需要的。

如果你決定仍然需要這樣做，你將不得不做的是創建一個無法看到的div的克隆。你可以將這個克隆的div的高度設置爲1px或類似的東西。然後你可以用相同的文字逐字地填充該克隆。一旦div的scrollHeight跳轉，就知道第一個換行已經發生。然後，您可以使用這些數據找出原始段落的第一行包含單詞的位置。

Answer 2

您需要添加或標記。不同的瀏覽器計算應在第一行放置多少個單詞。如果用戶改變瀏覽器的設置，例如增加字體大小，第一行會改變字數。