css隐藏文字的方法



1.text-indent：-9999px;只适用于块级元素，对于行内元素不起作用

2.

   line-height:0;

   font-size:0;

   overflow:hidden;

   能完美隐藏掉background之上的字体，经测试 ie6.0 、 7.0 、8.0、firefox 3.010 通过

3.最方便的是加个span，然后display:none，而且这样不会出bug。

   遗憾的是，多了个标签，循环中使用的话，html又多了一堆字节，单个按钮推荐这样使用。

   而针对input value的隐藏这个方式就有些吃力了，所以还是只能用block加text-indent来“偏移”模拟隐藏了

display:block;
font-size:0;
line-height:0;
text-indent:-9999px;
经测试 ie6.0 、 7.0 、firefox 3.010 通过

4.
     height：0；
     padding-top:100px;
     overflow:hidden;
5.text-overflow:clip/ellipsis/string（css3，规定文本溢出包含元素时发生的事）
   clip:简单的裁剪
   ellipsis:显示省略号
   与overflow：hidden结合使用才起作用