本文介绍了如何使用CSS实现文本的悬挂缩进效果，并提供了两种具体实现方式。通过设置负的缩进值，可以使段落中除首行外的其他行进行缩进。
indent：缩进，增加缩进
Outdent：减少缩进
hanging indent：悬挂缩进，又叫hanging paragraph，指除了第一行不缩进外，其余各行都缩进的效果。
使用CSS实现悬挂缩进的效果，可以使用负的缩进来实现。下面是两种实现的方法：
<div style="padding-left:32px">
<p style="text-indent:-32px">
悬挂缩进的例子悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动
</p>
</div>
<p style="text-indent:-2em;margin-left:2em">
悬挂缩进的例子悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动
</p>
<p style="text-indent:-32px">
悬挂缩进的例子悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动
</p>
</div>
<p style="text-indent:-2em;margin-left:2em">
悬挂缩进的例子悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动
</p>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
