CSS中讓li水平居中可以通過(guò)多種方式實(shí)現(xiàn)，其中常見(jiàn)的是使用flex布局或者text-align屬性。

我們可以使用flex布局來(lái)實(shí)現(xiàn)li的水平居中，flex布局是一種非常強(qiáng)大的布局方式，可以輕松地讓子元素在父元素中水平居中，我們可以通過(guò)設(shè)置父元素的display屬性為flex，然后讓子元素使用justify-content屬性來(lái)水平居中。

ul {
  display: flex;
  justify-content: center;
}

這樣，ul中的所有l(wèi)i元素就會(huì)水平居中顯示。

我們還可以使用text-align屬性來(lái)實(shí)現(xiàn)li的水平居中，text-align屬性可以指定文本的水平對(duì)齊方式，我們可以將其設(shè)置為center來(lái)讓文本水平居中。

ul {
  text-align: center;
}

這樣，ul中的所有l(wèi)i元素就會(huì)水平居中顯示其文本內(nèi)容。

需要注意的是，以上兩種方法都只能讓li元素在水平方向上居中，如果需要在垂直方向上也居中，就需要結(jié)合其他CSS屬性來(lái)實(shí)現(xiàn)，不同的瀏覽器可能會(huì)對(duì)CSS屬性的支持程度不同，因此在實(shí)際使用中需要注意兼容性問(wèn)題。