CSS的強(qiáng)大之處就在于它可以控制HTML元素在頁面上的樣式布局。而對于li元素,我們可以使用CSS讓它們水平排列。
li { display: inline-block; /* 或者使用 float: left; */ margin: 0 10px; }
以上CSS代碼片段可以讓每個li元素表現(xiàn)為行內(nèi)塊元素,從而實現(xiàn)水平排列。同時,通過設(shè)置margin屬性,可以給li元素之間增加一定的間隔。
如果需要將li元素居中,可以在父元素(如ul)上添加以下CSS樣式:
ul { text-align: center; }
以上CSS代碼片段可以實現(xiàn)li元素居中排列。如果需要在li元素之間添加分隔符,可以在li元素樣式上添加邊框(border)或者給li元素添加偽元素(如::after)實現(xiàn),具體可以根據(jù)需求進(jìn)行調(diào)整。