html怎么让li水平显示,html中让多个li标签横排显示

可以使用CSS来实现让多个li标签横排显示。具体步骤如下：

1. 给ul元素设置display属性为flex，这样里面的li元素就可以变成一个flex容器。

2. 给li元素设置display属性为inline-block或者float属性为left，这样它们就可以水平排列了。

例如：

HTML代码：

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

CSS代码：

ul {
  display: flex;
  list-style-type: none; /* 去掉默认的列表符号 */
  padding: 0; /* 去掉默认的内边距 */
}

li {
  display: inline-block; /* 或者 float: left; */
  margin-right: 10px; /* 可以设置间距 */
}

这样就可以让多个li标签水平排列显示了。