CSS的li居中同行是一個常見的問題，尤其是在有序列表和無序列表中，我們經常需要讓每個列表項都居中對齊。下面我們就來探討一下這個問題。

ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
li {
display: flex;
align-items: center;
justify-content: center;
width: 100px;
height: 100px;
margin: 10px;
background-color: #f8f8f8;
}

首先，我們需要使用display: flex將ul轉換成flex容器，然后使用justify-content: center將列表項居中對齊。如果我們希望列表項可以自適應寬度，就可以使用flex-wrap: wrap來讓它們進行換行。

然后，我們需要對單個列表項進行設置。使用display: flex將li轉換成flex容器，使用align-items: center和justify-content: center將內容垂直和水平居中對齊。最后，我們可以加上一些width、height和margin等屬性，以便更好地控制列表項的樣式。

通過上述CSS代碼的設置，我們可以輕松地讓li居中同行，并且能夠很好地適應不同寬度的瀏覽器。