CSS教程:CSS让网页文字自动隐藏

宋宋诗研

宋宋诗研

2016-02-19 23:55

下面请跟着图老师小编一起来了解下CSS教程:CSS让网页文字自动隐藏,精心挑选的内容希望大家喜欢,不要忘记点个赞哦!

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

常用文字隐藏方法的缺陷:

1、display:none

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

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

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

2、visibility: hidden

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

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

更好的方法:

overflow:hidden

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

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

展开更多 50%)
分享

猜你喜欢

CSS教程:CSS让网页文字自动隐藏

Web开发
CSS教程:CSS让网页文字自动隐藏

CSS教程:自动隐藏网页文字的技巧

Html CSS布局 Div+CSS XHTML
CSS教程:自动隐藏网页文字的技巧

s8lol主宰符文怎么配

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

css实现文字的自动隐藏

Web开发
css实现文字的自动隐藏

CSS教程:CSS控制网页文字排版实例

Web开发
CSS教程:CSS控制网页文字排版实例

lol偷钱流符文搭配推荐

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

CSS隐藏网页文字的几种常用方法

Web开发
CSS隐藏网页文字的几种常用方法

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

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

lolAD刺客新符文搭配推荐

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

设置电脑来电自动开机

设置电脑来电自动开机

网页版Firebug

网页版Firebug
下拉加载更多内容 ↓