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

当前位置 : 首页 > 网页制作 > CSS > ul设置列表为一行2条的方法

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

来源: 作者: 时间:2015-10-31 10:17
设置ul的列表本来是一行一行的,当设置li的float为left的时候可以看见成为一行,需要的朋友可以参考下
设置ul的列表本来是一行一行的,当设置li的float为left的时候可以看见成为一行,需要的朋友可以参考下
float:left + 设置ul的宽度 + 设置li的宽度

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

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

<