joyo模板首页如何把分类变成一行3个或4个

2016-07-07 16:34 来源:www.chinab4c.com 作者:ecshop专家

分类比较多的话 一行一个 就会显得太长了
不好看 joyo2。5模板如何把首页分类变成一行3个或4个呢 有知道的帮忙解决下 谢谢
象他这样http://www.mimiha.com/


回答:
同求!!!!!!!!!!!!!!!!!!!!!!!!

我也是同样的问题,怎么也没人解答啊?

打开joyo25模板下的style.css,查找到代码:
  1. #category-tree .erji li {
  2. padding-left:30px;
  3. padding-top:2px;
  4. padding-bottom:3px;
  5. border-bottom:1px #F3F6EB solid;
  6. margin-bottom:3px;
  7. background-image:url(images/erji.gif);
  8. background-repeat: no-repeat;
  9. background-position: 15px 4px;
  10. }
复制代码
修改成
  1. #category-tree .erji li {
  2. float: left;
  3. padding-left:5px;
  4. padding-top:2px;
  5. padding-bottom:3px;
  6. border-bottom:1px #F3F6EB solid;
  7. margin-bottom:3px;
  8. background-image:url(images/erji.gif);
  9. background-repeat: no-repeat;
  10. background-position: 15px 4px;
  11. }
复制代码
改成同宽多列
  1. #category-tree .erji li {
  2. float: left;
  3. width: 40px; /* 单个分类名称宽度 可以设置成最宽的名称的,这样可以列对齐*/
  4. padding-left:5px;
  5. padding-top:2px;
  6. padding-bottom:3px;
  7. border-bottom:1px #F3F6EB solid;
  8. margin-bottom:3px;
  9. background-image:url(images/erji.gif);
  10. background-repeat: no-repeat;
  11. background-position: 15px 4px;
  12. }
复制代码


不行啊!!!乱排了!

我也一直想搞成这样,但是不知道怎么搞

版主出来下 如何解决这个问题?大家都在等着呢

同求