SEARCH !!

2015/01/16

CSS垂直&平行置中

new way 1:

.picWrap { position: relative; }

.picWrap img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

======================================================================

new way 2:

.picWrap { position: relative; display: block; }

.picWrap img {
    position: absolute; top: 50%; left: 50%;

    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%); /* Chrome, Safari, Opera */
}