css 隐藏文字-如何在CSS中隐藏文本

也想出现在这里？点击联系我~

立即下单

进入商城

进不了网站？换个网络试试！

开发为网络后端

对于 html 语义

通常需要在内容模块中添加一些标题，以使页面更有意义

其实还有我们的图片按钮

在放弃css裸奔的情况下css 隐藏文字，也能顺利吸收页面信息

一般是为了传达更好的视觉效果

我们经常使用图片来代替字体

早期的后端开发中，并不是直接在html中给出内容

和 ; （即使是空的）

这样在没有加载到css中的时候很难知道这个块的内容是什么

题外话开始

倾斜字体的一般方法是

(1)

使用文本缩进：-9999px；

但他有一个限制，他只适用于块级元素block

有时我们经常想要倾斜字体

那么问题来了

文本缩进：-9999px； 其实实践起来更悠闲

如果a转成块，他旁边的元素往往会被他冲到下一行

如果碰巧这个 a 前面有一个 a 按钮

需要使用漂浮来漂浮，这样他的旁边就有一个人影

这是不是有点麻烦？

(2)

行高：0；

字体大小：0；

溢出：隐藏；

可以完美“隐藏”背景上的字体

经测试ie6.0、7.0、8.0、firefox3.010通过

(3)

最方便的方法是添加一个span，然后display:nonecss 隐藏文字，但是这样不会产生bug。

遗憾的是多了一个标签，而且如果循环使用的话，html会增加很多字节，所以建议使用单个按钮。

隐藏输入值的方法有点费力。

所以只能用block加上text-indent来“偏移”来模拟隐藏

显示：块；

字体大小：0；

行高：0；

文本缩进：-9999px；

经过测试ie6.0、7.0、firefox3.010通过