網頁開發中我們常常用到有序列表,來展示一些內容的順序。但是,有時候我們想要這些列表項水平排列,而不是默認的垂直排列。這時,我們就需要取消li元素的豎排。
li { display: inline-block; }
可以看到,我們只需要給li元素添加一個display屬性為inline-block,就可以實現取消li元素的豎排,從而水平排列它們。
需要注意的是,inline-block元素會受到空格和換行的影響,因此我們需要注意在li元素之間不要加空格或換行符。
總之,在需要取消li元素的豎排時,我們只需要添加上述CSS代碼即可。
下一篇css取模的意思