关于水平垂直居中,请问这两种方法有什么区别呢?
来源:3-3 表示层--图片区域
qq_鸭绿桥第一帅哥_0
2019-02-04 18:48:01
1回答
你好同学 ,两种方法实现的效果都是一样的 . 第二种方法中, 元素设置top ,left值为50%之后 ,它的左上角会水平垂直居中,需要往上和往左移动元素宽高的一半 ,这样能够让元素中心点居中 .所以才设置了margin-left和margin -top .
在第一种方式中 , 图片的宽高是% , 会根据父元素的变化而变化 , 不知道图片具体的宽度的一半是多少 . 所以在不确定元素宽高的时候 ,使用第一种方法就方便了 .
祝学习愉快 ,望采纳 .
相似问题