今天我們來聊聊如何在CSS中完成li水平居中的效果。 首先，我們需要明確一點，CSS中的水平居中指的是讓元素在父元素中水平居中。所以，我們需要先將父元素的文本對齊方式設置為居中。 ```html

.parent{
text-align:center;
}

接下來，我們需要讓li元素以inline-block的形式顯示，并設置寬度。在這里我們可以通過設置padding來給li元素設置寬度。 ```html

.parent{
text-align:center;
}
.child{
display:inline-block;
padding:10px 20px;
/* 這里的寬度可以根據實際情況來調整 */
}

最后，我們就可以通過給li元素設置負margin去除inline-block元素之間的縫隙，并使li元素水平居中了。 ```html

.parent{
text-align:center;
}
.child{
display:inline-block;
padding:10px 20px;
margin-right:-4px;
/* 這里的寬度可以根據實際情況來調整 */
}
.child:last-child{
margin-right:0;
}

好了，現在我們成功地將li元素水平居中了。這個效果在實際開發中非常實用，能夠讓我們快捷地完成某些要求水平居中的排版需求。 希望本篇文章能對大家有所幫助，如果有什么問題歡迎在評論區留言，我們一起學習進步！