急!!品牌分类如何分成两列?

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

品牌分类如何分成两列?
如下图:
未命名.jpg

brands.lbi的代码如下
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- {if $brand_list} -->
<div class="box">
<h2>{$lang.all_brand}</h2>
<div id="brandScroller">
<!-- {foreach from=$brand_list item=brand} -->
<!-- {if $brand.brand_logo} -->
<p align="left"><a href="{$brand.url}" title="{$brand.brand_name|escape:html} ({$brand.goods_num})"><img src="../data/brandlogo/{$brand.brand_logo}" /></a></p>
<!-- {else} -->
<p class="textLink"><a href="{$brand.url}">{$brand.brand_name|escape:html}</a> <!-- {if $brand.goods_num} --><span class="textDesc">({$brand.goods_num})</span><!-- {/if} --></p>
<!-- {/if} -->
<!-- {/foreach} -->
</div>
</div>
<div class="brands_bottom"></div>
<!-- {/if} -->

css的品牌专区如下:

/*== 品牌列表(左)样式 ==*/
.wrap .wrap_left .box #brandScroller {
overflow: hidden;
height:500px; width:189px;
margin: 10px 0 0 0; padding:0 25px; *padding:0;
text-align: center;
}
.wrap .wrap_left .box #brandScroller p { margin: 5px auto; padding:5px 0; }
.wrap .wrap_left .box #brandScroller p img {
width: 95px; height: 55px;
}
.wrap .wrap_left .brands_bottom {
height: 11px; width: 189px;
background: url("images/bg_sidemdl2.png") -378px -15px no-repeat;
}

我修改后,只有一列,怎么修改显示两列 ?

回答:
等待高手

楼主都知道是哪段代码了,可以自己改来试试效果

我自己改了,只显示一列

未命名.jpg

.wrap .wrap_left .box #brandScroller p img {
width: 95px; height: 55px;
}
就改这个width即可,多试几次这个数值。。。

楼上正解 样式问题 楼主比较懒,多试试嘛