div中的图片居中对齐 or vertical-align:middle 属性设置无效

vertical-align 只对行内元素有效，对块级元素无效。

这就是为什么有些人使用 vertical-align 属性无效的原因。

但是我们可以使用 display 属性，设置其值为 table-cell，将块元素转化为单元格，然后再使用vertical-align属性。

也可以利用行高来解决垂直居中：

css:

.d1{ width:50px;  height:150px; line-height:150px;}
.d1 img{ width:100%; max-width:50px; max-height:60px; }

html:

 <div class="d1">

      <img src="aa.png" />

</div>