井井客

搜索

css隐藏元素

css隐藏元素不显示在浏览器的可视范围内。

基本:
display:none;
visibility:hidden;
opacity:0;

技巧:
width:0; height:0;
z-index:-1000;

其它:
text-indent:-999em;

display:none和visiblity:hidden的区别

使用CSS display:none属性后,HTML元素的宽度、高度等各种属性都将“丢失”。属性值的改变会触发页面进行重排(回流)、重绘。

而使用visibility:hidden属性后,HTML元素仅仅是在视觉上看不见(完全透明),而它所占据的空间位置任然存在。属性值的改变仅会触发页面进行重绘。

文章TAG:CSS

作者:井井客整理来源:原创
本文标题:css隐藏元素
本文链接:/c/29347.html

上一篇:BFC-块级盒参与块级格式上下文
下一篇:json数组转树型嵌套结构2

文章分类

相关阅读

随便看看