在網頁設計中，我們經常會用到

標簽來創建一個無序列表，但有時候我們會發現這個列表并沒有居中對齊，而是對齊在頁面的左側或右側，這可能會影響美觀性，下面介紹一些CSS方法可以輕松實現
居中對齊。

ul {
display: flex;
justify-content: center;
align-items: center;
}
/* 或者 */
ul {
margin: 0 auto;
text-align: center;
}

第一個方法是通過CSS3中的flexbox布局實現，將

的display屬性設置為“flex”，然后使用justify-content和align-items屬性來讓其水平和垂直居中對齊。

第二個方法是使用margin屬性和text-align屬性來實現，將ul的左右margin設置為“auto”，即可讓它在頁面中水平居中。然后將text-align屬性設置為“center”，將其內部的li元素也居中對齊。

以上兩種方法實現的效果是相同的，可以根據自己選擇使用哪種方法，以便讓網頁的布局變得更加美觀。