图片父容器高度不定的图片垂直居中


简单粗暴,直接上代码:
代码结构:
css:  图片父级a标签设置 a {display:block; position:relative}   然后还需要给a元素添加一个伪类  a:after{content:" "; display:block; padding-top:133.33%;}
img需要设置的css属性
 img{
position:absolute;
top:50%;
left:0;  
-webkit-transform: translateY(-50%);
 -moz-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);}
真的很好用,嘻嘻!