在CSS中，要使li元素豎著排列，可以通過(guò)設(shè)置list-style-type屬性為none，然后調(diào)整li元素的float屬性為left或right來(lái)實(shí)現(xiàn)，這樣，每個(gè)li元素將會(huì)垂直排列在其父元素中。

以下是一個(gè)示例代碼：

<ul>
  <li>項(xiàng)目一</li>
  <li>項(xiàng)目二</li>
  <li>項(xiàng)目三</li>
  <li>項(xiàng)目四</li>
  <li>項(xiàng)目五</li>
  <li>項(xiàng)目六</li>
  <li>項(xiàng)目七</li>
  <li>項(xiàng)目八</li>
  <li>項(xiàng)目九</li>
  <li>項(xiàng)目十</li>
</ul>

ul {
  list-style-type: none;
}
li {
  float: left; /* 或者 right，根據(jù)需要調(diào)整 */
}

在這個(gè)示例中，ul元素的list-style-type屬性被設(shè)置為none，這將移除列表項(xiàng)前面的標(biāo)記，每個(gè)li元素的float屬性被設(shè)置為left，這意味著它們將按照從左到右的順序排列，如果你想要從右到左的順序排列，可以將float屬性設(shè)置為right。

使用浮動(dòng)布局時(shí)，可能需要清除浮動(dòng)的影響，以避免對(duì)后續(xù)元素造成不必要的樣式問(wèn)題，你可以通過(guò)添加一個(gè)新的元素并設(shè)置其clear屬性為both來(lái)實(shí)現(xiàn)這一點(diǎn)：

<ul>
  <li>項(xiàng)目一</li>
  <li>項(xiàng)目二</li>
  <li>項(xiàng)目三</li>
  <li>項(xiàng)目四</li>
  <li>項(xiàng)目五</li>
  <li>項(xiàng)目六</li>
  <li>項(xiàng)目七</li>
  <li>項(xiàng)目八</li>
  <li>項(xiàng)目九</li>
  <li>項(xiàng)目十</li>
  <div style="clear: both;"></div> <!-- 清除浮動(dòng)影響 -->
</ul>