- display:none;隐藏盒子,而且不占位置。(用的最多)
- overflow:hidden;隐藏盒子超出的部分
- opacity:0;隐藏盒子,而且占位置。
- visibility:hidden;隐藏盒子,而且占位置。
- Position/top/left/…-999px 隐藏盒子,而且占位置。
补充:
1.第三种opacity:0;
将透明图变为0来隐藏盒子
该方法IE8 以及更早的版本不支持。
IE8前使用:filter 属性。例如:
filter:Alpha(opacity=50)。
2..隐藏文字:
text-indent:-9999px;//隐藏文字,通过负值缩进,超出可视区
首行空两个汉字的格,单位比较奇怪,叫做em,em就是汉字的一个宽度。indent就是“缩进”的意思。
text-indent:2em;