将非活动图像保持在顶部

Question

因此，我的图像在您单击时会增长。 但是，当图像增长时，未被单击的图像将移动到包含div的底部。 示例： http : //jsbin.com/losuniti/1/edit ? html,css,output如何强制未单击的图像仅停留在div的顶部？ 我试过使用

    .images img { top: 0 !important; }

Answer 1

将vertial-align：top添加到图像img选择器：

    .images img {
      vertical-align:top;
        display:inline-block;
        position:relative;
         top: 0 !important;}

我认为这就是您想要的。