CSS樣式中，讓ul水平居中相對于其父元素的方法相對比較簡單，并且也具有很好的瀏覽器兼容性。

首先，我們需要確保ul元素設置了display: inline-block;，這樣才能夠實現水平居中的效果。接著，在ul元素的父元素上設置text-align: center;即可實現水平居中。

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

在上述代碼中，我們將父元素的text-align設置為center，這樣ul就會被水平居中。同時，為了保證ul能夠占據正確的位置，我們將其display屬性設為inline-block。

通過這種方法，我們可以讓ul元素水平居中，也可以適當的調整父元素的寬度和padding值，使其具有更好的布局效果。