为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

无宽度和有宽度的都要,谢谢。
查看完整描述

3 回答

已采纳
?
望逍遥

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

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

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

查看完整回答
1 反对 回复 2017-09-01
  • 丶请叫我张先生
    丶请叫我张先生
    最后一句是什么意思啊? 起到什么作用?
  • 望逍遥
    望逍遥
    前面三句,使得图片的左上角位于父元素的中间,你可以删掉最后一行试试看看效果。最后一句表示的是将图片的中点移到父元素的中间,最终实现图片居中的效果。
  • 3 回答
  • 0 关注
  • 3280 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信