ul设置列表为一行2条的方法

人生从来没有真正的绝境。无论遭受多少艰辛,无论经历多少苦难,只要一个人的心中还怀着一粒信念的种子,那么总有一天,他就能走出困境,让生命重新开花结果。
float:left + 设置ul的宽度 + 设置li的宽度

1.其实设置ul的列表本来是一行一行的,当设置li的float为left的时候可以看见成为一行
2.比如ul的宽度为200px,为了实现一行2条,我们可以设置li的宽度为75px,由于float为left,二一行又只能放置2个li,所以第三个就被挤下去了。

如有不明白可以看360buy_nav文件夹将鼠标移到企业建站时可以看到效果

以上就是ul设置列表为一行2条的方法。只有淡季的思想,没有淡季的市场。更多关于ul设置列表为一行2条的方法请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
修改UL和LI间隔的简单方法

ul li内容宽度的问题的如何解决方案

ul li列表中显示文字强制不换行大于li宽度的文字自动隐藏

ul和li如何实现分两列(多列)布局显示

UL里的LI元素左浮动层一行显示时使其居中的方法