Css DIV内部图像的垂直对齐

我正在通过response检索批量图像，我需要将它们排列在

div

标记中，并且所有图像都将一个置于另一个之下，但我需要将它们垂直排列（即并排排列）

那我该怎么做呢？ 我遵循了这个教程，但我只能安排文本

有人能给我建议正确的方法吗

这是我的密码：

$('#showfilelist').append("<div id=" + file.id + "><a href='uploads/" +
file.target_name + "' target='_blank' rel='gallery'><img src='thumbs/" +
file.target_name + "' border='0'/></a>&nbsp;&nbsp;</div>");

---

图像将设置在同一行，只要它们适合那里。对

填充

和

边距

值要非常小心。

我相信你想要的是

浮动：左在您的图像上

功能示例：（尝试移动中间分隔符。灵活布局是可选的。）

基本CSS：

div.imgContain {
    overflow:hidden; /* Only necessary if you need to style the containing box.
    Forces box to expand to content's height. */
}
div.imgContain img {
    float:left;
}

所有其他CSS都是可选的。随意设置样式。
默认情况下，图像是块级元素，因此如果希望图像（或图像包含的任何元素）并排排列，则需要在图像上使用
float:left
。如果要开始新行，请创建间隔元素，如：

.spacer {
    clear: both;
}

然后将
添加到要断开一行图像并开始新图像的位置。要在旧浏览器中工作，您可能需要间隔符上的其他属性。
请查看代码的结果。在JSFIDLE示例中，您展示的是如何工作的fine@user944919我们可以看到CSS应用于您的图像吗？不，我没有提到任何CSS，我需要它。@user944919无法看到活动页面，很难诊断这个问题。看起来这可能是由你已经使用的其他CSS造成的。抱歉，Nathan，实际上我没有使用任何CSS文件，只是使用plupload上传程序。如果你需要，我已经用CSS更新了我的代码。你可以检查一下。我试图否决建议非语义标记的投票，但是我克制住了。有了这个，我可以水平放置。在每个img标记后添加一个
如果我添加了，我得到了水平对齐，无论如何我纠正了它，谢谢你的回复。
div.imgContain {
    overflow:hidden; /* Only necessary if you need to style the containing box.
    Forces box to expand to content's height. */
}
div.imgContain img {
    float:left;
}

.spacer {
    clear: both;
}