我已经看到有关使用
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这样做.
