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

简单粗暴，直接上代码： 代码结构：<dl><dt><a href="https://mdeen.tidebuy.com/mode/13192123.html"><img src="https://ssde.tidebuy.com/m/13192123_7.jpg" alt="" /></a></dt></dl> 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%);} 真的很好用，嘻嘻！ 

转载于:https://www.cnblogs.com/shimeng123/p/8930084.html