如何让品牌专区的品牌LOGO两个两个的并排排列

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

如何让品牌专区的品牌LOGO两个两个的并排排列一个太空了 大了又不好看!请哪为好新人教我一下!谢谢


回答:
- - 漂浮最简单

有没大侠高手教我下啊……

顶,我也在找这这教程

我不知道我有没有理解正确。给你提供一个办法。

把相关代码(显示LOGO的参数值)放在固定尺寸的框里。

假设框宽度是200PX,如果你的LOGO有100PX,这样就能并排两个。如果LOGO是60PX,就能并排3个。

系统会把超出200PX的图片挤到第二排。

只要在200PX以内,你想并排几个都可以。

帮顶,同样需要!!!!!

定一下,说简单说说

5楼是正解

css里.你首先从源代码里找到品牌LOGO用到的类,然后再去CSS文件里搜索这个类.

一下修改是基于未经修改过的官方文件下修改的!
修改文件为:brands.lbi

  1. <style>
  2. .divbrand {width:220px; margin:0 auto; padding: 0;}
  3. .divbrand ul {width:200px;list-style: none; }
  4. .divbrand li {folat:right; width:88px; margin:3px 8px;}
  5. </style>

  6. <meta http-equiv="Content-Type" c>
  7. <!-- {if $brand_list} -->
  8. <!-- 品牌区 -->
  9. <div class="title-div"><img src="../images/brands.gif" alt="" width="158" height="39" /></div>
  10. <div class="content-div">
  11. <div class="divbrand">
  12. <ul> <!-- {foreach from=$brand_list item=brand} -->
  13. <!-- {if $brand.brand_logo} -->
  14. <li><a href="{$brand.url}"><img src="data/brandlogo/{$brand.brand_logo}" alt="{$brand.brand_name|escape:html} ({$brand.goods_num})" border="0" /></a></li>
  15. <!-- {else} -->
  16. <li> <a href="{$brand.url}">{$brand.brand_name|escape:html} {if $brand.goods_num}({$brand.goods_num}){/if}</a></li>
  17. <!-- {/if} -->
  18. <!-- {/foreach} --> </ul>
  19. </div>
  20. </div>
  21. <!-- {/if} -->
复制代码