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

栋栋狙击

栋栋狙击

2016-01-29 11:41

CSS教程:自动隐藏网页文字的技巧,本例介绍一个CSS自动隐藏网页文字的方法,希望能给朋友们带来帮助~~

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

  1、display:none

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

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

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

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

  2、visibility: hidden

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

  3、推荐大家使用这个更好的方法:

  overflow:hidden

  .class{

  display:block; /*统一转化为块级元素*/

  width:0;

  height:0;

  overflow:hidden;

  }

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

展开更多 50%)
分享

猜你喜欢

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

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

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

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

s8lol主宰符文怎么配

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

css实现文字的自动隐藏

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

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

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

lol偷钱流符文搭配推荐

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

Firefox的侧边栏能否自动隐藏

浏览器
Firefox的侧边栏能否自动隐藏

自动隐藏停泊窗体实现

C语言教程 C语言函数
自动隐藏停泊窗体实现

lolAD刺客新符文搭配推荐

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

《讨鬼传 极》隐太刀讨伐黄泉户塞视频及配魂推荐

《讨鬼传 极》隐太刀讨伐黄泉户塞视频及配魂推荐

CSS技巧:如何使未知高宽的图片实现垂直居中

CSS技巧:如何使未知高宽的图片实现垂直居中
下拉加载更多内容 ↓