在CSS中，我們可以使用多種方法將無序列表（<ul>）元素中的項(xiàng)目（<li>）居中并橫排排列，以下是一些常用的方法：
1、使用display: flex：
Flexbox是一個(gè)強(qiáng)大的布局工具，可以將子元素在容器中靈活布局，通過給父元素設(shè)置display: flex，子元素將自動(dòng)居中并橫排排列。
```html
<ul style="display: flex; justify-content: center; list-style-type: none;">
<li>項(xiàng)目1</li>
<li>項(xiàng)目2</li>
<li>項(xiàng)目3</li>
</ul>
```
2、使用text-align: center：
通過給父元素設(shè)置text-align: center，子元素會(huì)在水平方向上居中，但這種方法只適用于文本內(nèi)容，不適用于包含圖片或其他非文本元素的列表。
```html
<ul style="text-align: center; list-style-type: none;">
<li>項(xiàng)目1</li>
<li>項(xiàng)目2</li>
<li>項(xiàng)目3</li>
</ul>
```
3、使用CSS Grid：
CSS Grid也是一個(gè)強(qiáng)大的布局工具，可以輕松地實(shí)現(xiàn)子元素的居中并橫排排列，通過給父元素設(shè)置display: grid，可以進(jìn)一步控制子元素的位置和大小。
```html
<ul style="display: grid; justify-content: center; list-style-type: none;">
<li>項(xiàng)目1</li>
<li>項(xiàng)目2</li>
<li>項(xiàng)目3</li>
</ul>
```
4、使用margin: auto：
通過給子元素設(shè)置margin: auto，可以使其水平居中，這種方法適用于簡(jiǎn)單的文本列表，但不適用于包含圖片或其他復(fù)雜元素的列表。
```html
<ul style="list-style-type: none;">
<li style="margin: auto;">項(xiàng)目1</li>
<li style="margin: auto;">項(xiàng)目2</li>
<li style="margin: auto;">項(xiàng)目3</li>
</ul>
```
這些方法可以根據(jù)具體的需求和場(chǎng)景選擇使用，如果需要更復(fù)雜的布局或?qū)R需求，可能需要結(jié)合多種方法來實(shí)現(xiàn)。
