jquery - 如何逐行查找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 的高度一旦发生变化，就意味着新的一行刚刚开始。