CSS中的UI List（ui-li）是一種通用的列表風格，通常用于顯示項目列表或導航鏈接。該列表可以橫向、縱向排列，本文將重點講解UI List如何在CSS中實現橫向排列。

<ul class="ui-li ui-li-horizontal">
<li>第一項</li>
<li>第二項</li>
<li>第三項</li>
</ul>

在CSS中，我們需要給UI List加上class="ui-li-horizontal"，如上述代碼所示。接著，我們需要將每個li元素設置為橫向排列（display:inline-block;）。最后，為了使每個li元素之間有一定的距離，我們可以給li元素添加margin-right屬性。

.ui-li-horizontal li {
display: inline-block;
margin-right: 10px;
}

使用上述CSS代碼，我們可以使UI List在橫向排列時，每個元素之間有10像素的距離。在實際使用過程中，我們還可以根據需要，靈活調整UI List的樣式，包括邊框、背景、字體大小等屬性。

總的來說，通過CSS實現UI List橫向排列非常簡單，只需要給列表添加必要的類和樣式即可。這種排列方式在一些場景中非常有用，例如導航欄或分頁條等，可以使頁面布局更加美觀和實用。