最好的刻录软件-天津seo旺道
![首行缩进](/uploads/image/0396.jpg)
2023年4月3日发(作者:硬盘扇区坏怎么修复)
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则认为虚线框应该是⽂字范围。
更多推荐
首行缩进
发布评论