在 div 中将图像彼此相邻对齐答案

【问题标题】：Aligning images next to eachother within a div在 div 中将图像彼此相邻对齐
【发布时间】：2014-04-25 11:28:20
【问题描述】：

我有两个图像包含在一个 div 中，并试图将第二个图像与第一个图像对齐。如果我为每个图像分配一个类，如何使用 css 使第二个图像与第一个图像对齐？还是最好为每张图片设置一个 div？

<div class="standard"> <img src="images/room02.jpg"/> <img src="images/room04.jpg"/> </div>

【问题讨论】：

【解决方案1】：

您不需要为每张图片使用单独的 div 或类。这完全取决于您希望如何对齐它们。请参阅本指南了解更多信息：http://www.inmotionhosting.com/support/edu/website-design/insert-images-website/align-float-images-css

【讨论】：

我希望第二张图片与第一张图片水平对齐。我试过 .standard img{float: right;} 并没有做任何事情。
如果图像截然不同，您可能必须在特定图像上使用负填充。如果您将 JSFiddle 链接与您正在尝试做的事情联系起来，这会有所帮助。
这里是 JSFiddle jsfiddle.net/james26591/HEqSf 的链接。我正在尝试将标准房间下的两个图像水平对齐。我确信有一个简单的解决方法，但我是一个初学者并且仍在学习绳索。任何建议将不胜感激。
@user3571327，你去：jsfiddle.net/HEqSf/1。你基本上是想让每张图片占据 div 的 100%。
非常感谢 - 我认为会有一个简单的修复。干杯