展会信息港展会大全

css中visibility与display属性区别比较
来源:互联网   发布日期:2016-03-25 15:55:23   浏览:1910次  

导读:display 属性规定元素应该生成的框的类型。visibility 属性规定元素是否可见。提示:即使不可见的元素也会占据页面上的空间。请使用 \...

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中是让元素看不到它会占据页面上的空间。

赞助本站

人工智能实验室

相关热词: 开发 编程 android

AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港