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

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

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

【 tulaoshi.com - Html 】

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

　　1、display:none

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

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

　　2、visibility: hidden

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

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

　　overflow:hidden

　　.class{

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

　　width:0;

　　height:0;

　　overflow:hidden;

　　}

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

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

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

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

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

标签： Web开发

说明为什么现有的几种CSS隐藏文字的方法的缺陷和新的方法如何弥补。实用性一般，但是这个方法挺新颖的。 1.display:none;的缺陷搜索引擎可能认为被隐藏的文字属于垃圾信息而被忽略屏幕阅读器（是为视觉上有障碍的人设计的读取屏幕内容的程序）会忽略被隐藏的文字。 2. visibility: hidden ;的缺陷这...

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...

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

标签：办公软件

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

CSS隐藏网页的滚动条教程

标签： Web开发

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

如何实现窗体的自动隐藏显示功能

标签：编程语言网络编程

现在许多程序的窗体都有自动隐藏/显示的功能(比如OICQ)。实现这样的功能其实很简单，原理是：判断鼠标是否移到了屏幕的最左边或最右边，如果移到了则显示窗体，如果鼠标移开了窗体则隐藏窗体。在本程序中，我们将用到GetCursorPos这个API函数熓鞘迪终飧龉δ茏钪匾的一步牐这个函数的作用就是获取当前鼠标的坐标值，我们可以通过这个值来判...

查看更多精彩>>