在CSS中,可以使用display
屬性將li
標簽里的字詞橫排顯示,具體步驟如下:
1、將li
標簽的display
屬性設置為inline
或inline-block
。
li { display: inline; }
或者
li { display: inline-block; }
2、如果需要將多個li
標簽橫排顯示,可以使用flex
布局。
ul { display: flex; list-style-type: none; padding: 0; }
這樣,多個li
標簽就會橫排顯示在一個行內,注意,這種方法會自動去除列表樣式,并移除多余的空白,如果需要恢復列表樣式,可以添加list-style-type: disc;
(或circle;
、square;
)來顯示列表符號。
如果需要在橫排顯示的文字之間添加空格,可以使用margin
或padding
屬性。
li { margin-right: 10px; }
這樣,每個li
標簽之間的文字就會有一定的間隔,注意,這種方法只適用于橫排顯示的文字之間,不適用于豎排顯示的文字之間。
版權聲明:除非特別標注,否則均為本站原創(chuàng)文章,轉載時請以鏈接形式注明文章出處。