使用高度是否有任何缺点:0px;溢出:隐藏;而不是display:none?

时间:2010-06-12 18:27:27

标签: jquery css

使用身高是否有任何不利因素:0px;溢出:隐藏;而不是display:none?

3 个答案:

答案 0 :(得分:5)

display CSS属性内置于更多方法中,例如对于初学者来说.show().hide()(例如,您不能再调用.slideDown()来显示元素)。除此之外,大多数浏览器都会更好地优化display: none,如果任何父级有display: none;它不需要渲染元素,那么它可以加速忽略这些元素。

比所有jQuery部分更重要的是:从CSS JavaScript的角度退一步,为什么不明确地为此目的使用提供的属性? :)

答案 1 :(得分:2)

我认为逻辑上使用display:none更清晰,因为它正确地描述了意图。使用具有剪切的0高度对象(溢出:隐藏)将不可见,但仍可占用页面中的空间,因为它具有宽度。渲染也可能更昂贵,具体取决于浏览器,因为浏览器可能会尝试渲染元素然后剪切为空矩形。

答案 2 :(得分:0)

您可能需要前者如果您需要关注或注册来自隐藏输入的输入,例如textarea。除此之外,您应该将display: none描述符用于其预期目的。