共计 字 • 阅读约 min

前言

在项目实际开发中,有时会用到列表,虽然大多数都是取消显示列表标记,但有时还是需要列表标记。设置列表标记内对齐后,列表的第二行文本就会对齐列表标记,在一定程度上影响视觉观感,如下图:

image1647010243040.png

使用悬挂缩进解决问题

在这种段落格式中,段落的首行文本不加改变,而除首行以外的文本缩进一定的距离。 悬挂缩进常用于项目符号和编号列表。悬挂缩进是相对于首行缩进而言的。


ul > li {
    text-indent: -1.3rem;
    padding-left: 1.258rem;
}

使用的悬挂缩进效果如下,至于为什么是这个值,我是试出来的,哈哈哈,这个值看着效果最好

image1647010375840.png



文章更新于: 2022-3-11 23:2:26