首页猿问图片如何在父元素中垂直居中？

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

CSS3 Html/CSS 前端工具

丶请叫我张先生 2017-09-01 18:17:33

无宽度和有宽度的都要，谢谢。

查看完整描述

3 回答

已采纳

望逍遥

TA贡献1条经验获得超1个赞

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

前提是你需要知道图片的尺寸。父容器无所谓

1 反对回复 2017-09-01

丶请叫我张先生
最后一句是什么意思啊？起到什么作用？

回复 2017-09-02
望逍遥
前面三句，使得图片的左上角位于父元素的中间，你可以删掉最后一行试试看看效果。最后一句表示的是将图片的中点移到父元素的中间，最终实现图片居中的效果。

回复 2017-09-02

关注