手机
当前位置:查字典教程网 >网页设计 > 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实现连续的英文或数字自动换行的方法

CSS定位机制之一:普通流

CSS设计网页头部的写法

css实现文字过长显示省略号的方法

为不同的浏览器载入不同CSS的二种方法

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

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

css实现图片在div中居中的效果

CSS:清除浮动的最优方法

让网页中居中层css一则

精品推荐
分类导航