css字体隐藏，css隐藏的几种方法

浅析CSS隐藏页面文字的几种方式总结

1、点击样式窗口右下方图示的符号。在弹出的样式窗口下方找到图示位置的按钮，并点击它。然后就会弹出管理样式页面，在页面上方的选项卡中单击【推荐】。

2、display：none：它可以使包括容器本身在内的东西都消失，简便且有效，但它有两个耳熟能详的缺陷，那就是对搜索引擎不友好，且被屏幕阅读器所忽略。

3、text-indent：-9999px”样式，实质是让文字向左平移9999px距离，自然在一般分辨率显示屏上无法看到9999px边缘内容，自然使用此CSS技巧实现了文字隐藏同时，背景图片显示正常。

相关问答

Q1: 怎么隐藏网页中的文字啊!

网页上的隐藏文字通常是通过CSS样式属性进行隐藏，所以要显示隐藏的文字，可以通过以下几种方法：查看网页源代码：右键点击网页上的隐藏文字区域，选择“查看页面源代码”选项。

要想显示网页中隐藏的内容你就需要知道他是怎么隐藏的，在一个网页上隐藏内容有无数的方法。一下介绍几种：颜色，将文字颜色和背景颜色设置一样，比如白色。这样文字内容就看不见了。

overflow： hidden； float： left； //当然也可以float： right；上述css已经可以解决这个问题。

但对于多段 文字的隐藏这个方法就不适合了。另外，点击链接时，会产生一个虚线框，对于IE还好，没什么问题，虚线框只是在背影图片大小。但是Firefox就有些麻烦，它把缩进的文字范围也包含进来了，这样不是很美观。

Q2: 隐藏文字的CSS方法

1、点击样式窗口右下方图示的符号。在弹出的样式窗口下方找到图示位置的按钮，并点击它。然后就会弹出管理样式页面，在页面上方的选项卡中单击【推荐】。

2、首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：li{width： 100px； white-space： nowrap；overflow： hidden；}。

3、text-indent：-9999px”样式，实质是让文字向左平移9999px距离，自然在一般分辨率显示屏上无法看到9999px边缘内容，自然使用此CSS技巧实现了文字隐藏同时，背景图片显示正常。

css字体隐藏的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css隐藏的几种方法、css字体隐藏的信息别忘了在本站进行查找喔。