一个目录分类技巧一行列的机器

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

1、STYLE.CSS修改

/*商品分类*/
#category_tree{border:4px solid #f1faff; background-color:#fff;}
#category_tree dl{margin:6px;}
#category_tree dt{background:url(images/lineBg.gif) repeat-x left
bottom;color:#3f3f3f;padding:2px 0 3px 12px;font-weight:bold;}
#category_tree dt a{background:url(images/bg.gif) no-repeat 0 -69px;color:#3f3f3f; padding-left:15px; text-decoration:none;}
#category_tree dd{padding:2px 0 2px 10px;width:50px;float:left;white-space:nowrap;word-break:keep-all;display: inline;}
#category_tree dd a{color:#404040; text-decoration:none;}
#category_tree dd a:hover{color:#ff6600; text-decoration:none;}
.clear{line-height:1px;clear:both;visibility:hidden;}
注意我加了一个clear的css，他是用来清除浮动的。
温馨提示：#category_tree dd的width:50px;值，改变大小就可以实现一行两列、三列....都可以。呵呵，你的外框够大的话就行。
2、然后修改category_tree.lbi文件了。
在</dl>的后面添加<div class="clear"></div>就可以了。

回答：
没有懂没有演示图到底是做什么用的

感谢分享

多谢分享啊

弄了一个小时，还是没弄好，只有放弃

帮顶,共享的人都是好人