让未知尺寸的图片在已知宽高的容器内水平垂直居中

#test{display:table-cell;*display:block;*position:relative;width:200px;height:200px;text-align:center;vertical-align:middle;}
#test p{*position:absolute;*top:50%;*left:50%;margin:0;}
#test p img{*position:relative;*top:-50%;*left:-50%;vertical-align:middle;}

#test是img的祖父节点,p是img的父节点

转载自:http://css.doyoe.com/

活着Viva
原文地址:https://www.cnblogs.com/xxySsm/p/12565638.html