网奇CMS - 成熟易用的.NET网站管理系统
旧版官网 | 客服论坛 | 彩虹服务 | 加入收藏 | TEL:400-600-2788

文本段落缩进text-indent:2em

   高手请略过,本文提供的这个小技巧教程适合初学CSS的人和网页制作的人,主要实现在段落的前面自动缩进两个字。
    高手请略过,本文提供的这个小技巧教程适合初学CSS的人和网页制作的人,主要实现在段落的前面自动缩进两个字。
    记得过去刚开始学习制作页面的时候,要想让一段文字首行缩进两个文字,总是在前面加上8个空格,因为过去大家对CSS不熟悉,这种方法实现虽然比较直接,但是文字多的时候会有很多“ ”充斥在代码中,代码显着比较乱,现在我们实现这种效果就简单多了,直接在CSS代码中加入:
    text-indent:2em;
    就很容易实现文本段落的缩进~
    text-indent:2em;
    解释一下:text的意思是文本,indent在计算机英语中意思是缩进,至于后面的2em意思就是2个相对单位;
    em是什么单位?
    em这个单位的意思就是文字的高度,1em就是1个文字的高度,2em就是两个文字高度,所以我们写的“text-indent:2em;”的意思就是,文本缩进2个文字的高度,因为汉字是方块字,高度和宽度是一样的,所以缩进2个文字的高度,就等于缩进两个文字的宽度,最后的效果就是缩进了两个文字。
0 顶一下 打印 阅读:
CSS教程中最有帮助的文章