1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > html p首字母缩进 css如何控制首行缩进2个字符?

html p首字母缩进 css如何控制首行缩进2个字符?

时间:2019-11-08 01:22:34

相关推荐

html p首字母缩进 css如何控制首行缩进2个字符?

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中文网 !!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。