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

2016-01-29 11:41 6 1 收藏

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

【 tulaoshi.com - Html 】

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

　　1、display:none

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

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

　　2、visibility: hidden

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

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

　　overflow:hidden

　　.class{

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

　　width:0;

　　height:0;

　　overflow:hidden;

　　}

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

来源:https://www.tulaoshi.com/n/20160129/1482976.html

上一篇：《讨鬼传极》隐太刀讨伐黄泉户塞视频及配魂推荐
下一篇： CSS技巧：如何使未知高宽的图片实现垂直居中

看过《CSS教程：自动隐藏网页文字的技巧》的人还看了以下文章更多>>

QQ窗体自动隐藏效果探究

标签：编程语言网络编程

腾讯QQ是当前流行的网络聊天工具之一，由于它在应用设计上有很多独特之处，所以也吸引了很多程序员对之进行研究和模仿。在这里，我将利用Delphi对QQ的窗体自动隐藏效果提出自己的实现方法。一、问题的提出熟悉QQ使用的朋友都知道，当QQ窗体区域超出屏幕四边时，窗体就会自动“消失”，只留下窗体一边的小部分显...

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

标签： Web开发

CSS功能的强大在webjx.com中早已经展现很多，而有关CSS基本的排版控制虽然已有详细的使用说明和参考教程，但还有许多丰富的CSS排版能力，是很少能查到的。今天的这些实例，为您提供了很多想象和拓展的空间。 h3.reflect_1 { color: #333333; border-bottom: 6px solid #DDDDDD; line-height: .2em; margin: 0; padding:0 0 0 10px; font-si...

CSS隐藏网页的滚动条教程

标签： Web开发

解决思路：我们希望是强制出现滚动条，但有时候我们并不希望出现滚动条，那就要隐藏它了。从上个问题的指点中我们很容易得到答案----设置CSS属性overflow的值为hidden。具体步骤：方法一：设置CSS属性overflow为hidden。＜body＞方法二：设置body元素的scroll属性为no。＜body scroll="no"＞ ...

Excel：自动隐藏错误结果的显示信息

标签：办公软件

朋友在用Excel统计学生的成绩时，在E63单元格中输入公式：=AVERAGE(E3:E62)，准备计算平均分，由于上面的单元格中还没有输入成绩数据，因而公式返回了一个错误结果(如图1)。朋友问我，如何让这些错误结果不显示或打印出来呢？我向他介绍了下面三种方法。图1 一、函数处理法 ...

网页文字应用CSS的一些技巧

标签： Web开发

我想以一章的篇幅来讨论用CSS设定文字样式的做法是个好点子.一般处理文字内容大概是应用CSS最多的地方,就算对没有完全遵守标准的网站来说也是一样.去掉网页中反复出现的font标签曾经是(现在也是)十分吸引设计者的事情,而且不难看出以CSS控制文字排印的巨大优势,也就是进一步分离内容和展示方式. 从先前的很多例子我们知道了CSS能处理许多情...

查看更多精彩>>