您当前的位置:首页 > 建站常识 > css强化

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

2014-09-10

  设置ul的列表本来是一行一行的,当设置li的float为left的时候可以看见成为一行,需要的朋友可以参考下.ffr七七世界-网站建设|UI设计|人资系统|二次开发

  float:left + 设置ul的宽度 + 设置li的宽度ffr七七世界-网站建设|UI设计|人资系统|二次开发

  1.其实设置ul的列表本来是一行一行的,当设置li的float为left的时候可以看见成为一行ffr七七世界-网站建设|UI设计|人资系统|二次开发

  2.比如ul的宽度为200px,为了实现一行2条,我们可以设置li的宽度为75px,由于float为left,二一行又只能放置2个li,所以第三个就被挤下去了。ffr七七世界-网站建设|UI设计|人资系统|二次开发

  如有不明白可以看360buy_nav文件夹将鼠标移到企业建站时可以看到效果ffr七七世界-网站建设|UI设计|人资系统|二次开发


ffr七七世界-网站建设|UI设计|人资系统|二次开发

一切精彩源自七七网络!我们倾力打造时尚潮流第一线!

© 2012-2024七七世界网站建设     20707.net 1125w.com 版权所有     豫ICP备14018694号-1