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

回答