css中的可见性和显示有什么区别?

时间:2013-01-16 11:32:23

标签: html css css3

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

2 个答案:

答案 0 :(得分:7)

在外行人的术语中,visibility确定元素是否在屏幕上呈现但不影响布局的执行方式(即浏览器如何计算每个元素在屏幕上的位置以及它的空间大小接受)。

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

要获得更加注重技术的解释,您应该在MDN(visibilitydisplay)上查找这些属性的文档,或阅读W3C规范(here和{{3} })。

答案 1 :(得分:1)

通常,visibility属性决定显示隐藏(使您的元素透明)或崩溃(删除您的元素)从视图)。

display属性(与其名称不同)决定浏览器排列此元素的 :如内联,...

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