圖像對齊第二個圖像的邊緣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 */; 
}