css如何控制首行缩进2个字符？
在CSS中，可以使用text-indent:2em;样式来控制文字首行缩进2个字符。
text-indent属性规定文本块中首行文本的缩进。该属性用于定义块级元素中第一个内容行的缩进。这最常用于建立一个“标签页”效果。允许指定负值，这会产生一种“悬挂缩进”的效果。
em是一种相对长度单位，相对于当前对象内文本的字体尺寸。
示例：首行缩进2个字符
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>首行缩进</title>
<style>
.demo{
width: 550px;
height: 200px;
margin: 50px auto;
}
p{
text-indent:2em;/*em是相对单位，2em即现在一个字大小的两倍*/
}
}
</style>
</head>
<body>
<div class="demo">
<p>
这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。
这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。
这是一段测试代码，是关于css文本缩进的一段文字。这是一段测试代码，是关于css文本缩进的一段文字。
</p>
</div>
</body>
</html>效果图：
更多web前端开发相关知识，请查阅 HTML中文网 ！！
以上就是css如何控制首行缩进2个字符？的详细内容，更多请关注易知道|edz.cc其它相关文章！
