如何逐行查找div中的字符数？

Question

这是解释它的图像

<div id="tshirt">
    <div id="text-wrapper">
        <p id="tshirtover">Nothing is impossible unless we try it</p>
    </div>
</div>

有什么方法可以求出第一行的长度吗？

我尝试了下面的 jQuery 函数。它给出了字符串的整个长度。

$("#tshirtover").text().length;

但我只需要找到第一行。有可能得到吗？

Answer 1

我能想到的唯一方法是创建空 div（具有固定宽度），然后开始逐个字符填充文本，使用计数器存储已放置的字符数并观察高度div，一旦高度发生变化，就意味着新的一行刚刚开始。