本文目錄導(dǎo)讀：

1. 使用float屬性
2. 使用display屬性
3. 使用flex布局

CSS中如何讓li元素并排顯示

在CSS中，我們可以使用多種方法讓li元素并排顯示，使用float屬性、display屬性和flex布局是***常見的三種方法。

使用float屬性

float屬性可以將元素浮動到容器的左側(cè)或右側(cè)，從而實現(xiàn)并排顯示，我們可以給每個li元素添加float屬性，并設(shè)置相應(yīng)的值，如果想要讓li元素浮動到左側(cè)，可以添加"float: left;"，如果想要讓li元素浮動到右側(cè)，可以添加"float: right;"。

使用display屬性

display屬性可以指定元素的顯示類型，在CSS中，我們可以將li元素的display屬性設(shè)置為"block"或"inline-block"，從而實現(xiàn)并排顯示。"block"表示元素以塊級元素的方式顯示，而"inline-block"表示元素以行內(nèi)塊級元素的方式顯示。

使用flex布局

flex布局是一種非常強大的布局方式，可以輕松地實現(xiàn)元素的并排顯示，我們可以將包含li元素的容器設(shè)置為flex布局，并使用"flex-direction: row;"來指定元素在容器中的排列方向為水平方向，我們還可以使用"justify-content"和"align-items"屬性來調(diào)整元素在容器中的對齊方式。

三種方法都可以實現(xiàn)li元素的并排顯示，具體使用哪種方法取決于你的需求和場景。