CSS無(wú)序列表橫向排列的方法

在CSS中，我們可以通過設(shè)置列表的樣式和浮動(dòng)屬性來(lái)實(shí)現(xiàn)無(wú)序列表的橫向排列，以下是一個(gè)簡(jiǎn)單的示例：

HTML代碼：

<ul id="myList">
  <li>項(xiàng)目1</li>
  <li>項(xiàng)目2</li>
  <li>項(xiàng)目3</li>
  <li>項(xiàng)目4</li>
  <li>項(xiàng)目5</li>
  <li>項(xiàng)目6</li>
  <li>項(xiàng)目7</li>
  <li>項(xiàng)目8</li>
  <li>項(xiàng)目9</li>
  <li>項(xiàng)目10</li>
</ul>

CSS代碼：

#myList {
  list-style-type: none; /* 去除列表前的符號(hào) */
  float: left; /* 設(shè)置浮動(dòng)屬性，使列表橫向排列 */
}

在這個(gè)示例中，我們使用了list-style-type屬性來(lái)去除列表前的符號(hào)，并使用float屬性將列表設(shè)置為浮動(dòng)狀態(tài)，從而實(shí)現(xiàn)橫向排列，您可以根據(jù)需要調(diào)整列表的樣式和數(shù)量。