CSS中列表的橫向變縱向，可以通過調整CSS樣式來實現(xiàn)，以下是一個簡單的示例：

HTML代碼：

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

CSS代碼：

#myList {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#myList li {
  float: left; /* 橫向排列 */
}

要將這個列表從橫向變?yōu)榭v向，只需要將float: left;修改為float: none;即可，這樣，列表中的每個項目將不再浮動到左側，而是按照正常的垂直順序排列，如果需要進一步的樣式調整，可以使用其他CSS屬性來美化列表的外觀。