CSS实现段落前面缩进两个字示例

发布时间:2020-01-16编辑:脚本学堂
本文介绍了css实现段落缩进的方法,段落前面缩进两个字,有需要的朋友参考下。

例子,css实现段落缩进。
 

复制代码 代码示例:

<style type="text/css">
<!--
p{
 text-indent: 2em; /*em是相对单位,2em即现在一个字大小的两倍*/
}
-->
</style>

<p>段落前面空两个字的距离,不要再使用空格了。应该使用首行缩进text-indent。长度单位em。相对于当前对象内文本的字体尺寸。我们首行缩进了2em。2em即现在一个字大小的两倍。</p>

段落前面空两个字的距离,不要再使用空格了。

应该使用首行缩进text-indent。text-indent可以使得容器内首行缩进一定单位。
比如中文段落一般每段前空两个汉字。
在这里我们需要了解一种长度单位em。em是相对长度单位。相对于当前对象内文本的字体尺寸。

中文段落一般每段前空两个汉字。实际上,就是首行缩进了2em。