首页 > Web开发 > 详细

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

时间:2016-02-08 16:32:56      阅读:283      评论:0      收藏:0      [点我收藏+]
float:left + 设置ul的宽度 + 设置li的宽度

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

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

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

原文:http://www.jb51.net/css/212360.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!