css中怎么使li标签平铺

<ul><br>
  <li>列表项1</li><br>
  <li>列表项2</li><br>
  <li>列表项3</li><br>
</ul><br> 

ul {<br>
  list-style: none; /*去掉默认的样式*/<br>
  padding: 0; /*去掉默认的内边距*/<br>
  display: flex; /*将列表项设置为伸缩盒子*/<br>
  justify-content: space-between; /*平铺展示*/<br>
}<br>

li {<br>
  padding: 10px; /*增加列表项内边距*/<br>
}

`标签设置为伸缩盒子，并且使用`justify-content`属性设置它们的水平排列方式为平铺展示。注意，我们也需要使用`list-style`和`padding`属性去除默认样式并增加内边距。
然后，我们还需要给`
• `标签增加内边距，以便在我们水平排列它们时，它们之间有一些空间。
  现在，让我们来看一下最终的列表代码，它将展示一个平铺的列表：
  

  <ul><br>
    <li>列表项1</li><br>
    <li>列表项2</li><br>
    <li>列表项3</li><br>
  </ul><br> 

  
  上面的代码将会显示一个水平排列的列表，每个列表项之间都有一些内边距。
  综上所述，如果您需要在Web开发中展示一个平铺的列表，您可以使用CSS的`display`和`justify-content`属性来改变`
• `标签的默认排列方式。同时，别忘了去除默认的样式并增加内边距，以便让您的列表项之间有足够的空间。