CSS中，讓ul元素上下居中，可以通過(guò)多種方法實(shí)現(xiàn)，一種簡(jiǎn)單的方法是使用flex布局，下面是一個(gè)示例代碼：

<div class="container">
  <ul class="list">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
  </ul>
</div>

在CSS中，我們可以這樣寫(xiě)：

.container {
  display: flex;
  align-items: center; /* 垂直居中 */
  justify-content: center; /* 水平居中 */
  height: 100vh; /* 容器高度設(shè)置為視口高度 */
}
.list {
  list-style: none; /* 去除列表樣式 */
}

在這個(gè)示例中，我們首先將容器設(shè)置為flex布局，然后通過(guò)align-items屬性將列表垂直居中。justify-content屬性則可以將列表水平居中，我們通過(guò)設(shè)置容器高度為100vh，使其占據(jù)整個(gè)視口高度，這樣，列表就會(huì)在整個(gè)頁(yè)面中上下居中顯示。

除了這種方法外，還有其他方式可以實(shí)現(xiàn)ul元素的上下居中，如使用position定位、transform變換等，但相對(duì)于其他方法，使用flex布局實(shí)現(xiàn)起來(lái)更為簡(jiǎn)單直觀。