在CSS中，我們可以通過(guò)設(shè)置list-style-type屬性為none來(lái)去掉列表項(xiàng)（li）前面的標(biāo)記，并將其轉(zhuǎn)換為水平布局，以下是一個(gè)示例代碼：

ul {
  list-style-type: none;
  display: flex;
  justify-content: space-between;
}

在這個(gè)示例中，我們首先將list-style-type屬性設(shè)置為none，以去除列表項(xiàng)前面的標(biāo)記，我們將display屬性設(shè)置為flex，將列表轉(zhuǎn)換為水平布局，我們使用justify-content屬性來(lái)確保列表項(xiàng)之間的空間均勻分布。

這種方法僅適用于使用CSS Flexbox布局的情況，如果您使用的是其他布局方法，例如CSS Grid布局，那么需要使用不同的方法來(lái)實(shí)現(xiàn)水平布局。

如果您希望列表項(xiàng)之間的空間更加緊湊，可以使用margin屬性來(lái)控制列表項(xiàng)之間的間距。

ul {
  list-style-type: none;
  display: flex;
  justify-content: space-between;
  margin: 0 -5px;
}
li {
  margin: 0 5px;
}

在這個(gè)示例中，我們通過(guò)設(shè)置margin屬性來(lái)控制列表項(xiàng)之間的間距，使其更加緊湊。