< p>在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，常常需要讓 ul、li 元素居中，讓網(wǎng)頁(yè)整體更加美觀(guān)和易讀。下面是一些 CSS 技巧，幫助您實(shí)現(xiàn)這個(gè)效果。
< pre>
/* 以下是 HTML 代碼 */
< ul>
< li>條目 1< /li>
< li>條目 2< /li>
< li>條目 3< /li>
< /ul>
/* 以下是 CSS 代碼 */
ul {
display: flex; /* 利用彈性布局實(shí)現(xiàn) */
justify-content: center; /* 橫向居中 */
align-items: center; /* 縱向居中 */
height: 100px; /* 設(shè)置高度 */
}
li {
margin: 0 10px; /* 設(shè)置間距 */
}

< p>如上所示，在 CSS 中利用彈性布局的 display: flex;、橫向居中的 justify-content: center;、縱向居中的 align-items: center; 可以很容易地實(shí)現(xiàn) ul、li 元素的居中效果。此外，還可以通過(guò)設(shè)置高度和間距等屬性來(lái)調(diào)整樣式。
< p>當(dāng)然，還有其他的方法可以實(shí)現(xiàn) ul、li 元素的居中，例如使用 margin 和 text-align 屬性，或者利用定位和 transform 屬性等。根據(jù)不同的需求和情況，可以選擇不同的技巧。希望以上內(nèi)容對(duì)您有所幫助！