• 网站首页
• 网站建设
• 短视频
• 网站推广
• 网站模板
• 客户案例
• 资讯动态
• 关于我们

解决CSS中display与visibility的区别_CSS学习

当前位置：网站建设 > 技术支持

解决CSS中display与visibility的区别？

区别：

1、占用域的空间不同。 visibility要占用域的空间，而display则不占用。 visibility和display都可以实现对页的隐藏，例如： 将元素display属性设为 block，会在该元素后换行。 将元素display属性设为 inline，会消除元素换行。 将元素display属性设为 none，隐藏该元素内容，且不占用域的空间。 将元素visibility属性设为 hidden，隐藏该元素内容，但占用域的空间。 将元素visibility属性设为 visible，显示元素内容。

2、回应正常文档流的不同。 如果你想隐藏某元素，但在页面上保留该元素的空间的话，你应该使用visibility：hidden 。如果你想在隐藏某元素的同时让其它内容填充空白的话应该使用display：none 。 在现实中我发现人们更多的倾向于使用display 属性（相信这也是大多数人的习惯）。当你决定用display：none 来隐藏一个元素时，你必须知道其它内容将填充到该元素留下的空白位置，从而改变页面的布局。

版权说明：
本网站凡注明“广州京杭 原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。