CSS樣式中,讓ul水平居中相對于其父元素的方法相對比較簡單,并且也具有很好的瀏覽器兼容性。
首先,我們需要確保ul元素設(shè)置了display: inline-block;,這樣才能夠?qū)崿F(xiàn)水平居中的效果。接著,在ul元素的父元素上設(shè)置text-align: center;即可實現(xiàn)水平居中。
.parent { text-align: center; } ul { display: inline-block; }
在上述代碼中,我們將父元素的text-align設(shè)置為center,這樣ul就會被水平居中。同時,為了保證ul能夠占據(jù)正確的位置,我們將其display屬性設(shè)為inline-block。
通過這種方法,我們可以讓ul元素水平居中,也可以適當?shù)恼{(diào)整父元素的寬度和padding值,使其具有更好的布局效果。