CSS列表水平排列的方法

在CSS中，我們可以使用多種方法來(lái)將列表元素水平排列，以下是一些常見的方法：

1、使用CSS的display屬性

我們可以通過設(shè)置display屬性為inline或inline-block來(lái)使列表元素水平排列。

ul {
  display: inline;
}

或者

li {
  display: inline-block;
}

2、使用CSS的float屬性

我們可以使用float屬性來(lái)使列表元素浮動(dòng)到左側(cè)或右側(cè)，從而實(shí)現(xiàn)水平排列。

li {
  float: left;
}

或者

li {
  float: right;
}

3、使用CSS的flex屬性

我們可以使用flex屬性來(lái)創(chuàng)建一個(gè)靈活的容器，其中包含的元素可以自動(dòng)水平排列。

ul {
  display: flex;
}

或者

ul {
  display: inline-flex;
}