如何在页面中的两列中显示这些图片？

Question

此页又长又麻烦。我正在试图找到一个插件/黑客，它可以将图片放在这个页面的两列中，以使其更容易消化。删除<p>标记似乎并不能做到这一点。我有所有的图片托管在S3上，以降低带宽使用(托管在家庭DSL)。我看过的画廊插件有点让人困惑，我只是想要一些非常简单的东西。

这是我的一篇文章的一部分，我想写两篇专栏：

<p>[caption id="" align="alignnone" width="350" caption="I 300 w/ Hitachi Alt"]
<a href="http://cdn.mikewills.me/charliesrepair/I_300_w_Hitachi_alt.jpg" target="_blank">
<img src="http://cdn.mikewills.me/charliesrepair/I_300_w_Hitachi_alt_thumb.jpg" alt="I 300 w/ Hitachi Alt" /></a>
[/caption]
[caption id="" align="alignnone" width="350" caption="Hitachi mounting bracket"]
<a href="http://cdn.mikewills.me/charliesrepair/Hitachi_mounting_bracket.jpg" target="_blank">
<img src="http://cdn.mikewills.me/charliesrepair/Hitachi_mounting_bracket_thumb.jpg" alt="Hitachi mounting bracket" /></a>
[/caption]</p>

有什么想法或想法吗？

Answer 1

似乎每个div都被赋予类“对齐无”。如果您将其更改为“对齐左”(在上传图片或编辑源时选择“左”)，也会将图片浮动到左侧，允许有两列。

Answer 2

为什么不使用CSS对齐图像？

如果我在这种情况下没有遗漏一些显而易见的东西(如果是的话，我的错)，但是CSS就是用来做这个的(而不是改变源代码，而是改变布局)。

你可以用；

.wp-caption {
    float: left;
    margin: 20px 40px;  /* spacing a bit */
    clear: none; /* or remove the clear:both from style.css */
 }

而且，就是这样。使用Firebug，我可以看到它并不完美(因为页面上有没有标题的图像，所以设计不一致)，但它更好。