visibility与display属性的使用存在哪一些异同-群英

上一篇：在CSS中让首行自动自动缩进怎么实现下一篇：CSS中float清除浮动的代码怎样写

这篇文章给大家分享的是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中是让元素看不到它会占据页面上的空间。

到此这篇关于“visibility与display属性的使用存在哪一些异同”的文章就介绍到这了,更多相关visibility与display属性的使用存在哪一些异同内容，欢迎关注群英网络技术资讯频道，小编将为大家输出更多高质量的实用文章！

标签： visibility与display属性

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

上一篇：在CSS中让首行自动自动缩进怎么实现下一篇：CSS中float清除浮动的代码怎样写