JQuery:检查元素是否处于正常流程中

2024-05-08

使用 jQuery 检查元素是否在正常流程中的最优雅的方法是什么?

根据CSS3规范 http://www.w3.org/TR/css3-box,

如果满足以下条件,则框属于流:

其“display”的使用值为“block”、“list-item”、“table”或template.

其“float”的使用值为“none”。

它的“位置”的使用价值是“静态”或“相对”。

它要么是流根的子级,要么是属于该流的框的子级。

我应该检查所有这些条件,还是有更好的方法?


我怀疑有一个better方式,但另一种方式是:

1)用包装器包围元素

2)比较包装器与包装元素的高度和宽度

例如:

$('#elementToTest').clone().addClass('clone').wrap('<div></div>')
if($('#elementToTest.clone').height()>$('#elementToTest.clone').parent().height()){
    //outside the normal flow
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

JQuery:检查元素是否处于正常流程中 的相关文章

随机推荐