相关疑难解决方法(0)

如果HTML元素溢出其内容,我可以使用JavaScript检查(无论滚动条)吗？例如,一个长小的固定大小的div,溢出属性设置为可见,并且元素上没有滚动条.

如何检测文本是否溢出？例如,以下文本比div容器允许的长.如何在javascript中检测到这一点？

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

我已经看到了使用JavaScript检测和处理溢出HTML元素的文本的建议.但它是2013年,所以我想知道CSS规范是否有办法检测溢出本身.

换句话说,如果我有一个固定大小的div:

<div class="smart-warning" style="width:200px; height:20px; overflow:hidden">
This is my very long text that would overflow the box.
</div>

如果文本溢出,我希望有一种风格可以做到:

<style>
.smart-warning {
  border:1px solid black
}
.smart-warning:overflowing {
  border:1px solid red
}
</style>

看起来我们真的很接近在CSS中使用这样的东西但是超出规格并不是我的游戏.

如果它不存在,你认为它会有用吗？

谢谢!