首頁猿問圖片如何在父元素中垂直居中？

圖片如何在父元素中垂直居中？

CSS3 Html/CSS 前端工具

丶請叫我張先生 2017-09-01 18:17:33

無寬度和有寬度的都要，謝謝。

查看完整描述

3 回答

已采納

望逍遙

TA貢獻1條經(jīng)驗獲得超1個贊

img{
????position:?absolute;
????top:?50%;
????left:?50%;
????transform:?translate(-img.width/2,-img.height/2);
}

前提是你需要知道圖片的尺寸。父容器無所謂

1 反對回復 2017-09-01

丶請叫我張先生
最后一句是什么意思??？起到什么作用？

回復 2017-09-02
望逍遙
前面三句，使得圖片的左上角位于父元素的中間，你可以刪掉最后一行試試看看效果。最后一句表示的是將圖片的中點移到父元素的中間，最終實現(xiàn)圖片居中的效果。

回復 2017-09-02

關注