[分享]css两个li之间间距

在CSS中我们经常需要控制li元素之间的间距，这在页面布局中非常常见。下面我们来介绍两个常见的方法。 1. 使用margin 我们可以通过设置li元素的margin值来实现间距的控制，比如： css ...

在CSS中我们经常需要控制li元素之间的间距，这在页面布局中非常常见。下面我们来介绍两个常见的方法。
1. 使用margin 我们可以通过设置li元素的margin值来实现间距的控制，比如：

css
li {
  margin-right: 10px; /*设置li元素右侧间距为10px*/
} 

这个方法很简单，但是需要注意的是，如果li元素的宽度不固定，那么使用margin可能会导致元素溢出。
2. 使用伪元素::after 使用伪元素是另一个常见的方法，比如：

css
li::after {
  content: "";
  display: inline-block;
  width: 10px; /*设置li元素右侧间距为10px*/
}
li:last-child::after {
  width: 0; /*去掉最后一个li元素的间距*/
} 

这个方法的好处是不会有溢出的问题，但是需要注意的是，如果浏览器不支持伪元素，那么间距就不会出现。
总的来说，两种方法都有各自的优缺点，需要根据具体情况选择。