这个方法和之前提到的另外一个方法效果有区别吗?

来源:4-1 定位和边距的区别以及弹出层的简单实例

saltymelon

2019-03-29 12:13:16

前面有一节课说到,我们可以设置top,bottom,right,left为0px,然后设置margin:auto auto来实现水平垂直居中,跟这节课的方法相比,使用上有什么限制或者区别吗?

写回答

1回答

好帮手慕夭夭

2019-03-29

你好同学 , 问题中描述的方法和本节课中实现的效果都是一样的 。它们两个的区别就是第二种方式是需要给元素设置固定宽度和高度。如下方法margin-left和margin-top就是往上移动元素宽高的一半。如果不知道元素的宽高 ,就不知道他要移动多少。

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

而问题描述中方法不需要知道元素宽高即可设置。当然 ,如果知道元素的宽高 ,使用它们哪一种都可以 。如果不知道宽高的情况下 ,使用问题描述中方法更简单些。

祝学习愉快 ,望采纳。

1

0 学习 · 40143 问题

查看课程