固定大小

Question

圖像容器我有以下的圖像容器：

<div class="images"> 
    <img src="<%=imageURL %>" /> 
</div> 

而對於.images的CSS是：

.images{ 
display:inline-block; 
width:100px; 
height:133px; 
overflow:hidden; 
} 

我的圖片具有不同的尺寸這就是爲什麼我使用上述DIV膠囊，使他們相同的大小。但在頁，我的圖片來是這樣的：

其頂部不對齊。我該如何糾正？

Answer 1

添加vertical-align:top

.images{ 
    display:inline-block; 
    width:100px; 
    height:133px; 
    overflow:hidden; 
    vertical-align:top 
} 

Answer 2

使用浮動

.images{ 
     float:left; 
     width:100px; 
     height:133px; 
     overflow:hidden; 
     }