CSS：自动隐藏网页文字的技巧

文字隐藏应用广泛，但常用的方法没有什么亲和力。常用文字隐藏方法的缺陷：

1、display:none

　　这种方法搜索引擎可能认为被隐藏的文字属于垃圾信息而被忽略；

　　屏幕阅读器会忽略被隐藏的文字。

2、visibility: hidden

　　这种方法隐藏了文字却仍然占据物理空间。

3、推荐大家使用这个更好的方法：
overflow 所有主流浏览器都支持 overflow 属性。
注释：任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。(引用W3school)

值	描述
visible	默认值。内容不会被修剪，会呈现在元素框之外。
hidden	内容会被修剪，并且其余内容是不可见的。
scroll	内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
auto	如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
inherit	规定应该从父元素继承 overflow 属性的值。

        .class{
            display:block; /*统一转化为块级元素*/ 
            width:0;       /*高度和宽度都设置为0*/
            height:0; 
            overflow:hidden;  /*设置其余内容是不可见的*/
            }
    

从代码似乎就可以看出更具亲和力，因为它是自动隐藏，而不是强制隐藏。