CSS的li元素是在列表中使用最普遍的元素。它通常用于構建菜單導航、網站的面包屑導航等。
在默認情況下,li元素是自動從文本居中的位置開始顯示的。但是,如果我們想讓li元素從左邊開始顯示怎么辦?
/*CSS樣式表*/ ul { padding: 0; margin: 0; } li { display: inline-block; list-style: none; margin-right: 10px; /*設置li元素之間的間距*/ }
通過給li元素設置display: inline-block;這個屬性,可以讓li元素變成行內塊級元素。接著,在li元素上加上list-style: none;這個屬性,可以去掉li元素默認前面的黑點。如果要設置li元素之間的間距,可以使用margin-right屬性。
至此,我們已經成功讓li元素從左邊開始顯示了。通過設置display: inline-block屬性,還可以讓li元素實現橫向排列,達到更多的展示效果。
上一篇css li前邊加圓點
下一篇css li內容垂直居中