CSS控制多個(gè)UL縱向排列的方法

在CSS中，我們可以通過設(shè)置列表樣式（list-style）和浮動（float）屬性來控制多個(gè)UL（無序列表）的排列方式，以下是一種簡單的方法，可以讓多個(gè)UL縱向排列：

1、設(shè)置列表樣式（list-style）為“none”，以去除列表前的符號。

2、設(shè)置浮動（float）屬性為“l(fā)eft”，使列表靠左排列。

3、將每個(gè)UL放置在一個(gè)包含它們的DIV或段落中，以確保它們不會相互干擾。

您可以將以下代碼添加到您的CSS樣式表中：

ul {
  list-style: none;
  float: left;
  margin-top: 10px; /* 可選，用于在列表之間添加一些空間 */
}

在HTML中，您可以像這樣使用多個(gè)UL：

<div>
  <ul>
    <li>列表項(xiàng)1</li>
    <li>列表項(xiàng)2</li>
    <li>列表項(xiàng)3</li>
  </ul>
  <ul>
    <li>列表項(xiàng)4</li>
    <li>列表項(xiàng)5</li>
    <li>列表項(xiàng)6</li>
  </ul>
  <ul>
    <li>列表項(xiàng)7</li>
    <li>列表項(xiàng)8</li>
    <li>列表項(xiàng)9</li>
  </ul>
</div>

這樣，多個(gè)UL就會縱向排列，而不會相互干擾，您還可以根據(jù)需要調(diào)整其他樣式屬性，如顏色、字體大小等。