3

我对 CSS 中使用的这两个术语感到困惑。CSS中的可见性和显示有什么区别?

4

2 回答 2

7

通俗地说,visibility确定元素是否在屏幕上呈现但不影响布局的执行方式(即浏览器如何计算每个元素在屏幕上的位置以及占用的空间大小)。

另一方面,display专门控制元素在页面上的布局方式;这会影响其“作为副作用”的可见状态,因为display: none意味着“根本不在布局中包含此元素”。

visibility要获得更面向技术的解释,您应该在 MDN ( , )上查找这些属性的文档display或阅读 W3C 规范(此处此处)。

于 2013-01-16T11:36:37.423 回答
1

通常,visibility属性决定是显示隐藏(使您的元素透明)还是折叠(从视图中删除您的元素)。

display属性,不像它的名字,决定了浏览器如何排列这些元素:像一个inline,一个block,一个table,...

您可以在任何在线参考资源中搜索更多详细信息。

于 2013-01-16T11:37:44.650 回答