CSS里面li豎排變橫排的方法

在CSS中，我們可以通過修改li元素的樣式，將其從豎排變?yōu)闄M排，要實現(xiàn)這一點，我們需要使用CSS的浮動（float）屬性，或者彈性盒子（Flexbox）布局。

使用浮動（float）屬性

我們可以通過給li元素添加float屬性，使其浮動到左側(cè)或右側(cè)，這樣，文本就會橫向排列。

li {
  float: left;
}

或者，如果你想讓li元素浮動到右側(cè)，可以使用：

li {
  float: right;
}

使用彈性盒子（Flexbox）布局

另一種方法是使用CSS的Flexbox布局，我們可以給包含li元素的容器添加display: flex;屬性，這樣容器內(nèi)的元素就會橫向排列。

ul {
  display: flex;
}

或者，如果你想讓li元素在容器中垂直排列，可以使用：

ul {
  display: flex;
  flex-direction: column;
}

清除浮動（float）的影響

如果你使用了float屬性，記得在適當?shù)牡胤教砑忧宄拥脑兀员苊庥绊懫渌氐牟季帧?/p>

<li style="float: left;">...</li>
<div style="clear: both;"></div>