CSS居中li是Web開發中常常會遇到的問題，本文將介紹兩種常見的居中方法。

方法一：使用text-align

ul {
text-align: center;
}
li {
display: inline-block;
}

該方法通過將ul元素的文本對齊方式設置為中心，再將li元素的顯示方式設置為inline-block，從而實現將li元素居中顯示。

方法二：使用flex布局

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

該方法通過將ul元素的顯示方式設置為flex，在其內部元素中使用justify-content屬性設置居中方式，從而實現li元素的居中顯示。

需要注意的是，使用flex布局的方法兼容性更好，但在處理特殊要求時可能需要更多的CSS樣式。相比之下，使用text-align的方法相對簡單，但需要注意設置li元素的display屬性。

至此，本文介紹了兩種常見的CSS居中li的方法，希望能幫助到大家。