共计 字 • 阅读约
min
前言
在项目实际开发中,有时会用到列表,虽然大多数都是取消显示列表标记,但有时还是需要列表标记。设置列表标记内对齐后,列表的第二行文本就会对齐列表标记,在一定程度上影响视觉观感,如下图:
使用悬挂缩进解决问题
在这种段落格式中,段落的首行文本不加改变,而除首行以外的文本缩进一定的距离。 悬挂缩进常用于项目符号和编号列表。悬挂缩进是相对于首行缩进而言的。
ul > li {
text-indent: -1.3rem;
padding-left: 1.258rem;
}
使用的悬挂缩进效果如下,至于为什么是这个值,我是试出来的,哈哈哈,这个值看着效果最好
文章更新于: 2022-3-11 23:2:26