网页中用CSS样式表隐藏文字

火葬场了

火葬场了

2016-02-19 20:28

今天天气好晴朗处处好风光,好天气好开始,图老师又来和大家分享啦。下面给大家推荐网页中用CSS样式表隐藏文字,希望大家看完后也有个好心情,快快行动吧!

  说明为什么现有的几种CSS隐藏文字的方法的缺陷和新的方法如何弥补。实用性一般,但是这个方法挺新颖的。 

  1.display:none;的缺陷

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

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

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

  2. visibility: hidden ;的缺陷

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

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

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

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

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

展开更多 50%)
分享

猜你喜欢

网页中用CSS样式表隐藏文字

Web开发
网页中用CSS样式表隐藏文字

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

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

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

CSS样式表尽量放到网页头部

Web开发
CSS样式表尽量放到网页头部

关于CSS样式表

Web开发
关于CSS样式表

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

CSS样式表与HTML网页的关系

Web开发
CSS样式表与HTML网页的关系

CSS用样式表美化你的网页

Web开发
CSS用样式表美化你的网页

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

css技巧:经典常用CSS使用技巧几则

css技巧:经典常用CSS使用技巧几则

利用JavaScript获取屏幕分辨率的方法

利用JavaScript获取屏幕分辨率的方法
下拉加载更多内容 ↓