您现在的位置是：网站首页> 编程资料编程资料
CSS教程:CSS让网页文字自动隐藏_CSS教程_CSS_网页制作_
2021-09-09
873人已围观
简介 网页制作Webjx文章简介：文字隐藏应用广泛，但常用的方法没有什么亲和力。 文字隐藏应用广泛，但常用的方法没有什么亲和力。 常用文字隐藏方法的缺陷： 1、display:none 这种方法搜索引擎可能认为被隐藏的文字属于垃
文字隐藏应用广泛，但常用的方法没有什么亲和力。
文字隐藏应用广泛，但常用的方法没有什么亲和力。
常用文字隐藏方法的缺陷：
1、display:none
这种方法搜索引擎可能认为被隐藏的文字属于垃圾信息而被忽略；
屏幕阅读器会忽略被隐藏的文字。
2、visibility: hidden
这种方法隐藏了文字却仍然占据物理空间。
更好的方法：
overflow:hidden
.class{
display:block;/*统一转化为块级元素*/
width:0;
height:0;
overflow:hidden;
}
从代码似乎就可以看出更具亲和力，因为它是自动隐藏，而不是强制隐藏。
相关内容
- 利用CSS在导航条上标示当前所在频道_CSS教程_CSS_网页制作_
- 网页缓冲效果特效代码_CSS教程_CSS_网页制作_
- IE8的一些有趣的新功能_CSS教程_CSS_网页制作_
- CSS网页布局困扰新手的问题_CSS布局实例_CSS_网页制作_
- 英文教程:五种CSS选择器类型_CSS教程_CSS_网页制作_
- CSS教程:背景background属性应用_CSS教程_CSS_网页制作_
- CSS实现强制浏览器分页_CSS教程_CSS_网页制作_
- CSS教程：彻底弄懂闭合浮动元素_CSS教程_CSS_网页制作_
- css 去除连接时的虚线框_CSS教程_CSS_网页制作_
- 必须知道的10个不常用HTML标签_CSS教程_CSS_网页制作_
