For循环将图像并排放置答案

【问题标题】：For loop to put images side by sideFor循环将图像并排放置
【发布时间】：2012-03-19 02:31:42
【问题描述】：

好的，我一直在尝试解决此问题，但也无法解决。我有一个用于抓取图像的 for 循环，但它们是垂直的。我希望他们并排。我对该怎么做感到困惑。我已将其列在侧边栏中。

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

</xen:foreach>

【问题讨论】：

【解决方案1】：

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

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

</xen:foreach>

【讨论】：

有什么办法可以让我连续拥有 5 个吗？或者如何通过 css 进行调整？
是的，您可以连续放置多少个。我创建了一个示例，因此您可以了解如何执行此类操作。您可以更改边栏的宽度以在一行中添加更多照片。 jsfiddle.net/kKuNJ
是的，在我输入它之后，我只考虑了侧边栏的宽度以容纳图像。谢谢你工作得很好。

【解决方案2】：

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

【讨论】：