关于水平垂直居中,请问这两种方法有什么区别呢?

来源:3-3 表示层--图片区域

qq_鸭绿桥第一帅哥_0

2019-02-04 18:48:01

http://img.mukewang.com/climg/5c581648000153db03760376.jpg

http://img.mukewang.com/climg/5c58184500010bdc02630376.jpg

写回答

1回答

好帮手慕夭夭

2019-02-11

你好同学 ,两种方法实现的效果都是一样的 . 第二种方法中, 元素设置top ,left值为50%之后 ,它的左上角会水平垂直居中,需要往上和往左移动元素宽高的一半 ,这样能够让元素中心点居中 .所以才设置了margin-left和margin -top .

在第一种方式中 , 图片的宽高是% , 会根据父元素的变化而变化 , 不知道图片具体的宽度的一半是多少 . 所以在不确定元素宽高的时候 ,使用第一种方法就方便了 .

祝学习愉快 ,望采纳 .

1

0 学习 · 36712 问题

查看课程