使用CSS把li橫著放是一個常見的需求,下面是實現這個效果的具體代碼:
ul { list-style: none; padding: 0; margin: 0; } li { display: inline-block; margin-right: 10px; }
首先,我們先把ul的默認樣式去掉,然后再給li設置display屬性為inline-block,這樣就能把li橫著排列了。而margin-right則是為了在li之間添加一些空隙。
需要注意的是,對于ul下的所有li都會應用這個樣式,如果需要對某一個特定的li進行樣式設置,可以加上一個類名或者id。
上一篇css 技術問題
下一篇mysql用戶分為哪幾種