[分享]css中如何设置悬挂缩进

CSS中如何设置悬挂缩进在排版文章时，悬挂缩进是一种比较常见的排版方式，其特点是第一行的文字不缩进，后续的行缩进一定的距离，以此来区分段落的开头和结尾。在CSS中，通过textindent属性和tex...

CSS中如何设置悬挂缩进
在排版文章时，悬挂缩进是一种比较常见的排版方式，其特点是第一行的文字不缩进，后续的行缩进一定的距离，以此来区分段落的开头和结尾。在CSS中，通过text-indent属性和text-align属性来设置悬挂缩进。
text-indent属性
text-indent属性用来设置文字的首行缩进量，其单位有px、em、%等。悬挂缩进需要设置负值的缩进量，以使第一行不缩进，后续行向左缩进。例如：
p{
text-indent: -2em;
}
上述代码中，'-2em'表示首行不缩进，后续行向左缩进2个em的距离。
text-align属性
text-align属性用来设置文本的对齐方式，它可以对齐文本的左、右或居中。在设置悬挂缩进时，需要将text-align属性设置为'justify'，以使文本两端对齐。例如：
pre{
text-align: justify;
}
上述代码中，'justify'表示两端对齐，即左右端都对齐。
综合应用
下面是一个综合应用的例子，实现一个悬挂缩进的代码段。

p{
	text-indent: -2em; /*设置首行不缩进，后续行向左缩进2em的距离*/
	text-align: justify; /*设置文本两端对齐*/
	} 

通过上述代码，可以实现一个悬挂缩进的效果，使代码段更加美观易读。