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

网页制作Webjx文章简介:文字隐藏应用广泛,但常用的方法没有什么亲和力。 文字隐藏应用广泛,但常用的方法没有什么亲和力。常用文字隐藏方法的缺陷:1、display:none这种方法搜索引擎可能认为被隐藏的文字属于垃

文字隐藏应用广泛,但常用的方法没有什么亲和力。
文字隐藏应用广泛,但常用的方法没有什么亲和力。
常用文字隐藏方法的缺陷:
1、display:none
这种方法搜索引擎可能认为被隐藏的文字属于垃圾信息而被忽略;
屏幕阅读器会忽略被隐藏的文字。
2、visibility: hidden
这种方法隐藏了文字却仍然占据物理空间。
更好的方法:
overflow:hidden
.class{
display:block;/*统一转化为块级元素*/
width:0;
height:0;
overflow:hidden;
}
从代码似乎就可以看出更具亲和力,因为它是自动隐藏,而不是强制隐藏。
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

在video标签上加个autoplay属性,在PC端浏览器里面运行流畅,但是在手机浏览器里面打开无法播放。原来现在的手机浏览器是不允许网页中视频自动播放的,只有与用户进行了一次交互动作,才可以播放视频。(音频同理) 方案一: 在页面上加一个弹框,用户点击了
demo展示1: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=utf-8 / tit
1、首先看下自己网页中的js是否有异常,找不到js情况。 2、如果确认无异常的话,可能是你没有调用swiper的自动播放代码,请将以下代码加入到您网页中 script type=text/javascript $(function(){ var swiper = new Swiper(.swiper-container, { pagination:
CSS实现背景透明,文字不透明(各浏览器兼容)[转载]以下是示例CSS部分代码:
通过CSS控制文字在一行中,超出部分显示省略号;先来看看测试环境和示例代码:测试浏览器: IE6/7/8/9、opera12.02、firefox15.0