将图像与 div 部分内第二个图像的边缘对齐答案

【问题标题】：Align image to edge of second image inside div section将图像与 div 部分内第二个图像的边缘对齐
【发布时间】：2013-12-25 03:40:43
【问题描述】：

我有两张图片，它们的高度相同，但宽度不同。我想以这种方式定位它们

1) 宽度较大的图像 (img1) 应垂直居中放置 2) 宽度较短的图像应与上一张图像的左边缘对齐

最后我想得到如下图这样的东西

我应该在我的代码中更改什么

<div>
    <img src="img1"/>
    <img src="img2"/>
<div/>

【问题讨论】：

【解决方案1】：

试试这个：

div{padding:20px; display:table-cell; vertical-align:middle;}
img{float:left; clear:right}

【讨论】：

【解决方案2】：

首先，您要为图像分配 id：

<div>
    <img id="img1" src="img1"/>
    <img id="img2" src="img2"/>
<div/>

然后：

#img1 {
text-align: center;
}
#img2 {
 /* Your desired values */;
}

【讨论】：