CSS技巧：實(shí)現(xiàn)橫向排列的li

在CSS中，我們可以使用多種方法來(lái)實(shí)現(xiàn)橫向排列的li，以下是兩種常見(jiàn)的方法：

方法一：使用flex布局

Flex布局是CSS3中的一種布局方式，可以輕松地實(shí)現(xiàn)元素的橫向排列，我們可以通過(guò)設(shè)置li的父元素為flex容器，并設(shè)置flex-direction為row來(lái)實(shí)現(xiàn)橫向排列的li。

以下代碼將實(shí)現(xiàn)一個(gè)包含兩個(gè)li元素的橫向排列：

```

• 項(xiàng)目1
• 項(xiàng)目2

```

方法二：使用float屬性

除了flex布局外，我們還可以使用float屬性來(lái)實(shí)現(xiàn)橫向排列的li，通過(guò)給li元素設(shè)置float屬性，我們可以將其浮動(dòng)到左側(cè)或右側(cè)，從而實(shí)現(xiàn)橫向排列。

以下代碼將實(shí)現(xiàn)一個(gè)包含兩個(gè)li元素的橫向排列：

```

• 項(xiàng)目1
• 項(xiàng)目2

```

需要注意的是，使用float屬性時(shí)需要注意清除浮動(dòng)，以避免影響其他元素的布局，可以通過(guò)設(shè)置清除浮動(dòng)的元素或使用clearfix類(lèi)來(lái)實(shí)現(xiàn)。

兩種方法都可以實(shí)現(xiàn)橫向排列的li，具體使用哪種方法可以根據(jù)實(shí)際需求進(jìn)行選擇。