用于循环放置图像并排

时间:2012-03-19 02:31:43

标签: html css for-loop

好的,我一直试图解决这个问题,但也无法解决。我有一个for循环抓取图像,但它们是垂直的。我希望他们并排。我很困惑该怎么做。我将它列在侧栏中。

<div class="socialGroup">
    <xen:include template="cz_groups_group_title" />
</div>

</xen:foreach>

2 个答案:

答案 0 :(得分:2)

您可以使用css完成此操作。将ul添加到社交组类,然后添加到组标题并使用css对其进行样式设置。您可以设置li宽度和高度。

<div class="socialGroup">
  <ul>
     <li><xen:include template="cz_groups_group_title" /></li>
  </ul>
</div>

</xen:foreach>

答案 1 :(得分:1)

请参阅以下关于1行中5个图像的HTML结构和Css规则的小提琴。

小提琴:http://jsfiddle.net/2fcfj/

演示:http://jsfiddle.net/2fcfj/embedded/result/