javascript - 检测文本是否溢出

标签 javascript

<分区>

如何检测文本是否溢出?例如,下面的文本比它的 div 容器允许的要长。我如何在 javascript 中检测到这一点?

<div style="max-width: 100px; white-space:nowrap; overflow: hidden;">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit
</div>

最佳答案

如果您使用的是 jQuery,您可以尝试将 div 的宽度与其 scrollWidth 进行比较。

if ($('#div-id')[0].scrollWidth >  $('#div-id').innerWidth()) {
    //Text has over-flown
}

关于javascript - 检测文本是否溢出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6406843/

相关文章:

javascript - 获取所有不是表格的子元素

javascript - 手机缝隙的响应式设计支持

javascript - 如何在多个组合框 JQuery 中禁用选择时的组合框值?

javascript - 添加目标时 CSS 焦点不起作用

javascript - 使用 Flask 保存 HandsOnTable 数据

javascript - Angular - 通过函数有条件地设置 ng-href

javascript - 实现 D3FC-Sample 以减少数据

javascript - 如何在没有 Jquery 的情况下克隆 HTML 元素及其事件?

javascript - 简化 Node V8 childprocess.exec

javascript - 将属性添加到 JavaScript 数组