li 最后一行多个li不设置间距
时间: 2023-09-11 17:05:46 浏览: 144
li行间距大(IE中多了5个像素)的解决方法
可以使用CSS中的margin和padding属性来控制列表项之间的间距。例如,可以将margin-bottom属性设置为0,以去除列表项之间的下边距。另外,还可以使用伪元素来实现列表项之间的间隔,例如:
```
ul {
list-style: none;
margin: 0;
padding: 0;
}
li {
margin-bottom: 0;
}
li:not(:last-child):after {
content: "";
display: block;
height: 10px; /* 设置间隔高度 */
}
```
其中,`:not(:last-child)`选择器表示除了最后一个列表项以外的所有列表项,`:after`伪元素用于在每个列表项之后插入一个空块元素,从而实现列表项之间的间隔效果。可以通过调整height属性的值来控制间隔高度。
阅读全文