gift模板的商品分类树如何实现每行两列对齐？

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

gift模板的商品分类树如何实现每行两列对齐？和red_concise的商品分类树一样，谁给个详细的方法，谢谢感激不尽！

回答：
您好：在css里没有总宽度啊？
/*===========================================
商品分类
===========================================*/

#category-tree {
line-height: 160%;
}

#category-tree h4 {
background: url(images/list-arrow02.gif) no-repeat left 7px;
padding-left: 8px;
}

#category-tree h4,
#category-tree h4 a {
font: bold 12px Arial;


/*大分类*/
}

#category-tree ul {position: relative;}

没有宽度没关系，你可以用百分数来设置li的宽度，比如40%，再把padding设一下，让左右两个li有点距离，最后再把li设成向左浮动就可以了

您好：您指的是改category_tree.lbi吗？好像不是css。

您好：您指的是改category_tree.lbi吗？好像不是css。

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<div class="col-box" id="category-tree">
<h3>商品分类</h3>
<div class="col-box-content">
<!--{foreach from=get_categories_tree() item=cat}-->
<ul>
<li>
<h4><a href="{$cat.url}">{$cat.name|escape:html}</a>
<!--{foreach from=$cat.children item=child}-->
</h4>
<p><a href="{$child.url}">{$child.name|escape:html}</a></p>
<!-- {/foreach} -->
</li>
</ul>
<!-- {/foreach} -->
</div>
</div><!-- /col-box -->

不会的飘过下

我也想知道啊！~