ie九下绝对定位里的垂直居中

.item-list li p.text img {
    width: 50%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);

}

利用transform: translateX(-50%) translateY(-50%);

ie9下无法用flex进行垂直居中,利用transform进行垂直居中

 

posted @ 2017-08-07 09:48  sunniejs  阅读(183)  评论(0编辑  收藏  举报