display:none与visibility的区别

 

多可以用于页面元素的隐藏。

 

但是visibility:hidden会占地方。

 

补充一下visibility的可能的值

 

• visible   默认值。元素可见
• hidden 元素不可见
• collapse  当在表格元素中使用时，此值可删除一行或一列，但是不会影响表格的布局。被行或列占据的空间会留给其他内容使用。如果此值被用在其他的元素，会呈现”hidden“
• inherit  从父元素继承visibility属性的值。

注意：

1.    所有主流浏览器多支持visibility属性
2.    任何 IE的版本多不支持inherit和collapse