在商品列表里面,最右边的图片margin-right:10px问题大家是怎么解决的

2016-07-07 15:00 来源:www.chinab4c.com 作者:ecshop专家

在商品列表里
因为定义li{margin-right:10px}
到这排的最后一个图片也有margin-right:10px,明显就超出了。
大家是怎么解决的。

也就是让每一排最后一个li里附上<li style="margin-right:0;">

dz的解决方案:
<div class="supebbs_pic">
<ul>
<!--{eval $i = 1;}-->
<!--{loop $_SBLOCK['imagethread'] $value}-->
<li <!--{if $i == 4}--> style="margin-right:0;"<!--{/if}-->><a href="$value[url]" target="_blank"><img src="$value[attachment]" alt="$value[subjectall]" title="$value[subjectall]" /></a><h5><a href="$value[url]" target="_blank">$value[subject]</a></h5></li>
<!--{eval $i++;}-->
<!--{/loop}-->
</ul>
</div>

回答:
可以在程序里面处理,做一个标志位。

可否告知一下,谢谢!
  1. <!--{foreach from=$goods_list item=goods}-->
  2. <!-- {if $goods.goods_id} -->
  3. <li><a href="{$goods.url}"><img src="{$goods.goods_img}" alt="{$goods.goods_name}" /></a></li>
  4. <!--{/if}-->
  5. <!--{/foreach}-->
复制代码

没发现那个问题我们都改过样式了



做了个图片,楼上的可以看看,你没遇到过?
不过我看很多模板都忽略这个问题了。

:)

求解!!!