css列表怎么弄水平

CSS列表可以使用一些技巧使其水平排列。以下是一些常见的方法：

ul {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

上面的代码使用了 FlexBox 布局，使列表项水平排列，并使用 space-around 属性在它们之间添加了一些间距。align-items 属性则用于将列表居中。

ul {
  display: inline-block;
  width: 100%;
}

li {
  display: inline-block;
  float: left;
  width: 25%;
  text-align: center;
}

这个方法使用了 inline-block 和 float 属性。列表用 inline-block 显示，使得它能够被包含在相同的等宽容器中，而所有的列表项都浮动到左边。每个列表项都设置为宽度的 25%，以便将它们平均地分布在容器中。text-align 属性将文本水平居中。

ul {
  display: table;
  table-layout: fixed;
  width: 100%;
}

li {
  display: table-cell;
  text-align: center;
}

这种方法使用了表格布局。列表是一个表格，其宽度设置为 100%。每个列表项都是表格单元格，其文本内容居中对齐。

以上是一些常见的方法，你可以根据自己的需要选择其中的一个。