javascript - 如何查找 word-wrap 是否应用于 html 元素，并且该单词在文本中间中断？

Question

我在 div 中有一些 Persain 文本，因为我已经应用 word-wrap: break-word; 并且 div 小于文本。

<div class="r25" style="width: 13.3333px; height: 50px;">
    <p style="font-size: 8px;">نمونه‌ای از یک متن بلند</p>
</div>

我的问题是如何确定是否应用了 word-wrap: break-word;`？

文本 نمونه‌او اومون بلند 呈现如下:

نم‌‌‌ ونه ‌ای

等等。

那些 width、height 和 font-size 样式是使用脚本生成的， 如果这个在单词中间打断单词，而不是整个单词发生在我的文本中，我想应用一些转换。

编辑:

我想到了一个解决方案:遍历每个单词，获取文本宽度，并将其与 div 的宽度进行比较。但是有没有更简单的解决方案？

Answer 1

您可以将包括格式在内的所有文本放在 div 中:

var $div = $("#mydiv");
var expectedDiv = $("<div>" +$div.html()+"</div>");
$div.after(expectedDiv);

然后获取此div 的高度并将其删除:

var expectedHeight = expectedDiv.height();
expectedDiv.remove();

现在你可以计算行数了:

var linecount = Math.floor($div.height() / expectedHeight);

http://jsfiddle.net/Lsqvmf8t/