如何查找html元素是否应用了换行，并且该单词在文本中间断开

How to Find if word-wrap is applied to a html element, and that word breaked in middle of text?

本文关键字：单词 断开 中间 文本 换行 查找 何查找 html 应用 是否 元素      更新时间：2023-09-26

我在一个div里面有一些文本，因为我已经应用了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样式是使用脚本和生成的如果这个breaking word in middle of a word, not whole word发生在我的文字上，我想应用一些变换。

编辑:

我脑海中有一个解决方案:迭代每个单词，获得文本宽度，并将其与div的宽度进行比较。但有没有更简单的解决方案呢?

你可以把所有的文本包括格式在内放在一个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/

可以使用浏览器检查器查找

相关文章：