css如何控制首行缩进2个字符?下面本篇文章给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。
css如何控制首行缩进2个字符?
在CSS中,可以使用text-indent:2em;样式来控制文字首行缩进2个字符。
text-indent属性规定文本块中首行文本的缩进。该属性用于定义块级元素中第一个内容行的缩进。这最常用于建立一个“标签页”效果。允许指定负值,这会产生一种“悬挂缩进”的效果。
em是一种相对长度单位,相对于当前对象内文本的字体尺寸。
示例:首行缩进2个字符
首行缩进
.demo{
width: 550px;
height: 200px;
margin: 50px auto;
}
p{
text-indent:2em;/*em是相对单位,2em即现在一个字大小的两倍*/
}
}
这是一段测试代码,是关于css文本缩进的一段文字。这是一段测试代码,是关于css文本缩进的一段文字。
这是一段测试代码,是关于css文本缩进的一段文字。这是一段测试代码,是关于css文本缩进的一段文字。
这是一段测试代码,是关于css文本缩进的一段文字。这是一段测试代码,是关于css文本缩进的一段文字。
效果图:
更多web前端开发相关知识,请查阅 HTML中文网 !!