CSS中,將li元素橫起來排列,可以通過修改li元素的CSS樣式來實現(xiàn),以下是一種簡單的方法:
1、給li元素一個父元素,比如一個列表(ul或ol)。
2、給這個父元素添加CSS樣式,設(shè)置其寬度和高度,以及是否允許子元素水平排列。
ul.horizontal-list { width: 100%; height: 50px; display: flex; justify-content: space-between; align-items: center; }
3、將li元素添加到這個父元素中,它們就會自動水平排列。
<ul class="horizontal-list"> <li>項目1</li> <li>項目2</li> <li>項目3</li> <li>項目4</li> <li>項目5</li> </ul>
在這個例子中,ul元素的CSS樣式設(shè)置為寬度100%,高度50px,并且使用flex布局,justify-content和align-items分別設(shè)置子元素的水平和垂直對齊方式,將li元素添加到ul元素中,它們就會自動按照設(shè)定的樣式水平排列。
版權(quán)聲明:除非特別標(biāo)注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時請以鏈接形式注明文章出處。