【CSS技巧】列表横向排列的另一种方法

来源：步遥情感网

【CSS技巧】列表横向排列的另⼀种⽅法

列表

等默认是纵向排列。我们需要它横向排列时通常会⽤float来实现，但是使⽤了float也通常会引发⼀些排版问题。今天我学到了另⼀种⽅法：

设定

标签的display:inline，把

设定为内联元素来实现横向排列的效果，不需要使⽤float。

列表横向排列的另⼀种⽅法

效果：

等等，为什么li之间有空隙解决办法是：把li写成⼀⾏

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

这个⽅法有⼀个弊端：li转为内联元素后，width、height就⽆效了，只能⽤padding来撑开宽⾼。也有⼀些不便。⾃⼰根据需要取舍吧。（个⼈原创，转载请注明并附带链接）

因篇幅问题不能全部显示，请点此查看更多更全内容

查看全文

违法及侵权请联系：TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务