HTML中如何让li标签自适应宽度？

在HTML中，li标签默认是根据其包含的内容来决定宽度的。如果希望li标签自适应宽度，可以使用CSS来设置相关样式。

有以下几种方法可以实现li标签自适应宽度：

使用display: inline-block;样式：将li标签的display属性设置为inline-block，这样li标签会根据其内容自动调整宽度。示例代码如下：

<ul>
  <li style="display: inline-block;">Item 1</li>
  <li style="display: inline-block;">Item 2</li>
  <li style="display: inline-block;">Item 3</li>
</ul>

使用flex布局：将ul标签的display属性设置为flex，并将li标签的flex属性设置为1，这样li标签将会平均分配空间，实现自适应宽度。示例代码如下：

<ul style="display: flex;">
  <li style="flex: 1;">Item 1</li>
  <li style="flex: 1;">Item 2</li>
  <li style="flex: 1;">Item 3</li>
</ul>

使用百分比宽度：将li标签的宽度设置为百分比值，如width: 33.33%;，这样li标签将会根据父元素的宽度自适应调整宽度。示例代码如下：

<ul>
  <li style="width: 33.33%;">Item 1</li>
  <li style="width: 33.33%;">Item 2</li>
  <li style="width: 33.33%;">Item 3</li>
</ul>

以上是几种常见的方法，根据具体需求选择适合的方式来实现li标签的自适应宽度