确定哪些文本因溢出而被隐藏：隐藏

Question

我进行了搜索，但似乎找不到有关如何执行此操作的答案。

我希望能够在使用溢出时确定 hidden/invisible 的文本：隐藏在 div 中。我正在尝试在打印屏幕时管理一些分页。

在下面的（简化）示例中，我希望能够确定 div-1 中的哪些文本不可见，以便可以通过 javascript 或 jQuery。

// css
.divs {
    width: 250px; 
    overflow: hidden; 
    white-space: nowrap;
}


// html
<div class="divs" id="div-1">
    This is some text that I can see ... 
    but this text is not visible due to overflow: hidden
</div>

<div class="divs" id="div-2"></div>

Answer 1

据我所知，目前还没有办法判断哪些文字隐藏，哪些文字显示。您可以尝试这样的解决方法：通过将字母度量（宽度）乘以字符数来计算文本的宽度。然后与div比较，但并不总是准确的。

PS：这里还有一个解决方案How to find the last visible word position in a text container?

确定哪些文本因溢出而被隐藏：隐藏

Determine What Text Is Hidden Due To overflow: hidden

javascript

css

jquery

hidden

overflow