电脑软硬件应用网
当前位置: 电脑软硬件应用网 > 设计学院 > 网络编程 > CSS教程 > 正文
CSS教程:CSS让网页文字自动隐藏
CSS教程:CSS让网页文字自动隐藏
2009-12-26 12:23:35  文/网络收集   出处:电脑软硬件应用网   

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

常用文字隐藏方法的缺陷:

1、display:none

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

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

2、visibility: hidden

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

更好的方法:

overflow:hidden

.class{
display:block;/*统一转化为块级元素*/
width:0;
height:0;
overflow:hidden;
}

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

  • 上一篇文章:

  • 下一篇文章:
  • 最新热点 最新推荐 相关文章
    CSS教程:网页中英文字体的设置
    CSS教程:background-position说明
    CSS教程:关于文字溢出问题的研究
    利用CSS 3定位页面元素
    CSS教程:三列固定网页布局实例
    css教程-简单的CSS下拉导航菜单
    css教程-如何用纯CSS打造一个日历
    CSS教程:彻底掌握Z-index属性
    CSS教程:clip属性全知道
    CSS布局调试的有效方法
    关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 |

    Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号