Html 固定大小的图像容器

我有以下图像容器：

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

我的图像具有不同的尺寸，这就是为什么我使用上面的div胶囊使它们具有相同的尺寸。但在页面中，我的图像如下：

---

它们的顶部没有对齐。如何纠正此问题？

添加

垂直对齐：顶部

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

使用浮动

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

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