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

.parent{
text-align:center;
}

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

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

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

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

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