网页中用CSS样式表隐藏文字的挺新颖方法 | 蓝月儿 - 面朝大海，春暖花开
你的位置： 蓝月儿 杂.琐碎 阅读文章

网页中用CSS样式表隐藏文字的挺新颖方法

[ 杂.琐碎 ]  

1.display:none;的缺陷

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

屏幕阅读器（是为视觉上有障碍的人设计的读取屏幕内容的程序）会忽略被隐藏的文字。

2. visibility: hidden ;的缺陷

这个大家应该比较熟悉就是隐藏的内容会占据他所应该占据物理空间

3.overflow:hidden;一个比较合理的方法

.texthidden { display:block;/*统一转化为块级元素*/ overflow: hidden; width: 0; height: 0; }

就像上面的一段CSS所展示的方法，将宽度和高度设定为0，然后超过部分隐藏，就会弥补上述一、二方法中的缺陷，也达到了隐藏内容的目的。

无觅相关文章插件，快速提升流量

小辛
蓝月儿、拥抱Linux 与 中国宝宝网 网站创始人。
再说一次：面朝大海，春暖花开……
个人网站   |   新浪微博   |   腾讯微博
关于本文的小编

还有这些可能你也想看看：

各位请注意，目前发现 0 位寻荒者 在附近海域漂移！
小X的哥哥的同学的老师的儿子的妈妈养的小猫的表弟的主人的朋友说看帖不回会被鄙视de





评论内容 (*必填)：
设置你的头像
(Ctrl + Enter 快速提交)