[分享]css两个li的距离

<style>
  .list {
    list-style: none;
    padding: 0;
  }
  .list li {
    margin-bottom: 10px;
  }
</style>

<ul class="list">
  <li>第一个列表项</li>
  <li>第二个列表项</li>
</ul>

<p>上述代码中，使用了margin-bottom属性来调整两个列表项之间的距离。可以根据需求自行调整数值。</p> 

<style>
  .list {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: space-between;
  }
  .list li {
    margin: 0;
  }
</style>

<ul class="list">
  <li>第一个列表项</li>
  <li>第二个列表项</li>
</ul>

<p>上述代码中，使用了flex布局中的justify-content属性来实现两个列表项等距。这种方法在需要平均分配间距的情况下非常有用。</p> 

除了上述方法，还有很多其他的方法可以调整