图片父容器高度不定的图片垂直居中
- 简单粗暴,直接上代码:
- 代码结构:
- 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%);}
- 真的很好用,嘻嘻!
