css中visibility与display属性辨别[网站编程]

display 属性规定元素应当生成的框的范例.

visibility 属性规定元素能否可见.

提醒:即便不可见的元素也会占据页面上的空间.请利用 "display" 属性来成立不占据页面空间的不可见元素.

浏览器支持

全部主流浏览器都支持 visibility 属性.

注释:任何的版本的 internet explorer （包含 ie8）都不支持 "inherit" 和 "collaps教程e" 属性值.

全部主流浏览器都支持 display 属性.

注释:任何版本的 internet explorer （包含 ie8）都不支持 "inherit"、"inline-table"、"run-in"、"table"、"table-caption"、"table-cell"、"table-column"、"table-column-group"、"table-row"、以及 "table-row-group" 属性值.

阐明
display

这个属性用于定义成立筹划时元素生成的显示框范例.关于 html 等文档范例,假如利用 display 不谨严会很危险,因为大概违反 html 中已经定义的显示层次构造.关于 xml,由于 xml 没有内置的这种层次构造,全部 display 是绝对必要的.

visibility

这个属性指定能否显示一个元素生成的元素框.这意味着元素仍占据其本来的空间,不过可以完好不可见.值 collapse 在表顶用于从表筹划中删除列或行.

总结,

display可以躲藏元素并且不占用页面上的空间,而visibility中是让元素看不到它会占据页面上的空间.