CSS *只检测HTML中的文本溢出？

我已经看到有关使用 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中使用这样的东西,但是倾斜的规格不是我的游戏.

如果不存在,你认为这是有用的吗？

谢谢！

解决方法

我不知道CSS规范的任何部分,这是可能的. Selectors Level 4支持许多新的伪类(和相当一些有用的检查输入元素的状态),但是没有一个实际上能够检查条件,如果一个框是溢出的.您仍然需要通过Javascript这样做.

原文地址：https://www.jb51.cc/css/216913.html