首行缩进

CSS实现段落⾸⾏缩进

段落前⾯空两个字的距离，不要再使⽤空格了。应该使⽤⾸⾏缩进text-indent。

text-indent可以使得容器内⾸⾏缩进⼀定单位。⽐如中⽂段落⼀般每段前空两个汉字。

在这⾥我们需要了解⼀种长度单位em。em是相对长度单位。相对于当前对象内⽂本的字体尺⼨。

我们中⽂段落⼀般每段前空两个汉字。实际上，就是⾸⾏缩进了2em。

看下⾯的例⼦：

顺带说下text-indent属性隐藏⽂字的问题

链接⽤图⽚做背景，text-indent:-9999px;隐藏⽂字，此效果在IE中是正常的，但在Firefox⾥，⿏标点击该链接时，虚线框却会包住被

缩进的⽂字，结果显⽰为虚线框N长。

因为平时是⽤overflow:hidden;属性的，所以⼀直也没有注意到这个问题的存在，但当你需要使⽤JS来实现某种交互时，强烈建议不要

使⽤overflow:hidden;属性，因为会给你带来很多意想不到的⿇烦。

虚线框，其实就是CSS中的outline属性，这也说明IE和Firefox对于outline和border的解析范围并不⼀致：IE认为虚线框就是

border的边缘，⽽Firefox则认为虚线框应该是⽂字范围。