图像对齐第二个图像的边缘div部分

Question

我有两个图片里面，都有相同的高度，但不同的宽度。我想他们以这种方式

1）图像的更大的宽度（IMG1）应地方垂直中心 2）与更短的宽度的图像应该被对齐到前一图像的左边缘

最后，我想定位得到以下

这样的形象，我应该在我的代码更改

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

Answer 1

试试这个：

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

Answer 2

首先你要ID指派给你的图片：

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

然后：

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