For loop将图像并排放置

好吧我一直在努力解决这个问题，但无法解决。我有一个for循环抓取图像，但它们是垂直的。我想他们并肩。我很困惑该怎么做。我已将它列在侧边栏中。For loop将图像并排放置

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

</xen:foreach>

我很抱歉，但我想他们并排的两列。所以1图像，然后第二。然后在下一行的第三个。等 – 2012-03-19 02:43:15

看到我的答案与1行5个图像的演示，如果有什么东西我滞后在这里然后让我知道。 – w3uiguru 2012-03-19 03:29:24

您可以通过使用CSS实现这一目标。将ul添加到社交组类中，然后将li添加到组标题并使用css对它们进行样式设置。您可以设置li的宽度和高度。

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

</xen:foreach>

2012-03-19 03:11:23 coletrain

有没有什么办法可以让我连续5次？或者如何通过CSS来调整？ – 2012-03-19 03:14:01

是的，你可以有多少你想连续。我已经创建了一个例子，所以你可以看到如何做这样的事情。您可以更改边栏的宽度以在一条线上添加更多照片。 http://jsfiddle.net/kKuNJ/ – coletrain 2012-03-19 03:21:34

是的，我输入它后，我想了解侧栏的宽度以适应图像。谢谢你的工作很棒。 – 2012-03-19 03:23:28

请参阅下面的HTML结构和Css规则，了解1行中的5个图像。

2012-03-19 03:24:27 w3uiguru

回答