确定由于溢出而隐藏的文本：隐藏答案

【问题标题】：Determine What Text Is Hidden Due To overflow: hidden确定由于溢出而隐藏的文本：隐藏
【发布时间】：2015-03-31 18:31:29
【问题描述】：

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

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

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

// 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>

【问题讨论】：

如果不使用某种复杂的方法，例如将每个字符包装在 <span> 中并在 Javascript 中进行一些疯狂的忍者定位检查，这实际上是不可能的。您可能想在这里重新考虑您对整个系统的处理方法。
@Aweary，感谢您确认我的怀疑。

标签： javascript jquery css overflow hidden

【解决方案1】：

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

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

【讨论】：

我的帐户是新帐户。我目前没有声望点来投票。