在網(wǎng)站開發(fā)中,往往需要將列表居中,這時候就需要使用CSS樣式來實現(xiàn)。本文將介紹如何使用CSS將ul居中。
ul { text-align: center; margin: 0 auto; }
CSS樣式中,text-align: center;是將所有列表項文字居中對齊,而margin: 0 auto;則是將ul元素的左右邊距設(shè)置為auto,使ul元素居中。
此時,列表項在元素內(nèi)部是居中對齊的,但可能會出現(xiàn)下劃線不居中的情況。這時,可以給列表項添加display: inline-block;使其以塊級元素樣式呈現(xiàn),從而解決下劃線不居中的問題。
ul li { display: inline-block; }
通過以上CSS樣式,就可以實現(xiàn)將ul居中的效果。