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>