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

地地道道潍坊银

地地道道潍坊银

2016-02-19 13:08

想要天天向上,就要懂得享受学习。图老师为大家推荐网页中用CSS样式表隐藏文字的挺新颖方法,精彩的内容需要你们用心的阅读。还在等什么快点来看看吧!

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

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

1.display:none;的缺陷

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

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

2. visibility: hidden ;的缺陷

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

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

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

 

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

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

展开更多 50%)
分享

猜你喜欢

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

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

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

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

s8lol主宰符文怎么配

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

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

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

CSS样式表与HTML网页的关系

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

lol偷钱流符文搭配推荐

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

CSS用样式表美化你的网页

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

关于CSS样式表

Web开发
关于CSS样式表

lolAD刺客新符文搭配推荐

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

Jquery find与filter函数区别 说明

Jquery find与filter函数区别 说明

JAVA从入门到精通

JAVA从入门到精通
下拉加载更多内容 ↓