CSS的li元素可以通過設置display屬性來實現(xiàn)同一行顯示,常見的方法有以下幾種:
li { display: inline-block; }
將li設置為行內塊級元素,可以使它們在同一行內顯示。但要注意,元素之間的空格和換行符會導致行間距的出現(xiàn)。
ul { white-space: nowrap; } li { display: inline; }
將ul元素的white-space屬性設為nowrap,可以使文本不換行。再將li元素設置為行內元素,就可以使它們在同一行顯示。
li { float: left; }
將li元素浮動到左側,可以使它們在同一行內向左對齊。但要注意,如果寬度設置不當,會使一些li元素溢出容器。
以上就是幾種常用的CSS方法,實現(xiàn)li元素在同一行顯示。具體選用哪種方法,要根據實際情況而定。
上一篇css3地圖標記
下一篇css li 加下劃線