手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >ul设置列表为一行2条的方法
ul设置列表为一行2条的方法
摘要:float:left+设置ul的宽度+设置li的宽度1.其实设置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文件夹将鼠标移到企业建站时可以看到效果

【ul设置列表为一行2条的方法】相关文章:

CSS设计网页头部的写法

DIV+CSS创建三栏网页布局方法介绍

CSS条状图表形式的实现方法

用CSS实现垂直居中的3种方法

火狐在用offsetHeight获取div的高度时为0的解决方法

CSS实现让同一行文字和输入框对齐的方法

发现两个有趣的CSS3动画效果

css实现连续的英文或数字自动换行的方法

用CSS设置表格边框的语法详解

css实现鼠标悬停时滑出层提示的方法

精品推荐
分类导航