合肥网站建设工作室

关注合肥工作室微信公众号,提供最新网站建设资讯

扫一扫微信二维码

合肥网站建设体验CSS之首行文字缩进

2011-05-13 08:58:15建站知识 209

记得过去刚开始学习制作页面的时候,要想让一段文字首行缩进两个文字,如下图:oZZ合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

oZZ合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室
 

总是在前面加上8个“ ”,因为过去大家对CSS不熟悉,这种方法实现虽然比较直接,但是文字多的时候会有很多“ ”充斥在代码中,代码显着比较乱,现在我们实现这种效果就简单多了,直接在CSS代码中加入:oZZ合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

text-indent:2em;oZZ合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

就很容易实现文本段落的缩进~oZZ合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室
oZZ合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室
text-indent:2em;oZZ合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室
解释一下:text的意思是文本,indent在计算机英语中意思是缩进,至于后面的2em意思就是2个相对单位;oZZ合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室
oZZ合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室
em又是什么单位?oZZ合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室
em这个单位的意思就是文字的高度,1em就是1个文字的高度,2em就是两个文字高度,所以我们写的“text-indent:2em;”的意思就是,文本缩进2个文字的高度,因为汉字是方块字,高度和宽度是一样的,所以缩进2个文字的高度,就等于缩进两个文字的宽度,最后的效果就是缩进了两个文字。oZZ合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室
oZZ合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室
【说明一点】oZZ合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室
对于"text-indent:2em;"属性,只能加在块状元素上面,内联元素是不起作用的。切记oZZ合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

本文关键词
合肥网站建设,CSS文字缩进