CSS3中列表元素的居中，是前端開發中經常需要用到的技巧。在頁面設計中，我們往往希望將多個列表元素水平居中或垂直居中，以使頁面更加美觀。

/* 水平居中 */
ul {
display: flex;
justify-content: center;
}
/* 垂直居中 */
ul {
display: flex;
align-items: center;
}

代碼中，我們使用了flex布局來實現列表元素的水平居中和垂直居中。

對于水平居中，我們使用flex布局的justify-content屬性，將列表元素放在容器中間。默認情況下，flex布局的justify-content屬性值為flex-start，即左對齊。此時我們需要將其修改為center，即居中對齊。

對于垂直居中，我們使用flex布局的align-items屬性，將列表元素垂直居中。默認情況下，flex布局的align-items屬性值為stretch，即將子元素拉伸至容器的高度。此時我們需要將其修改為center，即垂直居中對齊。

除了使用flex布局，我們還可以使用text-align屬性和line-height屬性來實現列表元素的居中。對于水平居中，我們可以將text-align屬性設置為center，即文字居中對齊，這樣也會使得列表元素水平居中。對于垂直居中，我們可以將line-height屬性設置為容器高度，然后將列表元素設置為display:inline-block，即可實現垂直居中效果。

總結來說，CSS3中列表元素的居中可以使用flex布局、text-align屬性、line-height屬性等多種方法來實現。但是需要注意的是，在實現效果時我們需要根據具體的場景選擇不同的方案，以實現最優秀的頁面效果。