CSS+li橫排+居中

ul {
list-style-type: none; /* 去除默認li前面的圓點 */
margin: 0; /* 去除默認ul的外邊距 */
padding: 0; /* 去除默認ul的內邊距 */
display: flex; /* 將ul的子元素變成彈性盒子 */
justify-content: center; /* 居中顯示 */
}
li {
margin: 0 10px; /* 每個li之間的間距 */
}

使用以上CSS代碼可以將ul里面的li橫排并居中顯示。需要注意的是，在使用display:flex屬性前需要加上display:block或display:inline-block才能產生彈性盒子的效果。