【CSS技巧】列表横向排列的另一种方法_html/css_WEB-ITnose

    
Item1
    
Item2
    
Item3
    
Item4

效果：

等等，为什么li之间有空隙？？？

解决办法是：把li写成一行

    
Item1
Item2
Item3
Item4

对，就是写成这样子（不知道是不是bug）

这个方法有一个弊端：li转为内联元素后，width、height就无效了，只能用padding来撑开宽高。也有一些不便。自己根据需要取舍吧。