CSS中要使一個列表項水平平放,可以使用display屬性,將列表項設為inline-block。
ul { list-style: none; margin: 0; padding: 0; } li { display: inline-block; margin-right: 10px; }
以上代碼會把li元素設為行內塊元素,并設置右側10像素的外邊距。
另一種方法是使用浮動(float)屬性:
ul { list-style: none; margin: 0; padding: 0; } li { float: left; margin-right: 10px; }
以上代碼會把li元素向左浮動,設置右側10像素的外邊距。
無論是使用inline-block還是float屬性,都需要注意父元素的寬度是否能夠包含所有的列表項。如果寬度不足,可以考慮為父元素增加一個自動適應寬度的屬性(例如使用display: inline-flex或overflow: auto)。
上一篇css100個易錯點
下一篇css3 -o-