CSS的margin: 7px auto 10px含义是什么？

Question

CSS的margin: 7px auto 10px中auto是距上面7PX,左右居中，距下10PX的意思嘛？主要弄不清楚auto，请解答，谢谢

Answer 1

举个例子，

margin: 10px 20px 30px 40px

以上表示的其实是：

margin-top: 10px;
margin-right: 20px;
margin-bottom: 30px;
margin-left: 40px;

即顺序为：上、右、下、左；

如果写三个值，表示该值和对边的值相等，比如：

margin: 10px 20px 15px;

表示的意思是：

margin-top: 10px;
margin-right: 20px;
margin-bottom: 15px;
margin-left: 20px;

再回到本题中具体的问题：

margin: 7px auto 10px

表示的意思自然是：

margin-top: 7px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;

对于块级元素而言，当其margin-right和margin-left为auto时，便会在父盒子内水平居中显示，这也是让元素水平居中常用的一种方法。

Answer 2

你的浏览器没有控制台？

Answer 3

顺序是上右下左

左右都是auto的话会自动居中，这是个很常用的办法

Answer 4

简写，上7，左右auto，下10

Answer 5

auto就是根据宽度自适应，楼主说的margin: 7px auto 10px也就是margin:7px auto 10px auto;margin和padding都是按照top,right,bottom,left的顺序来写

Answer 6

上7，左右auto，下10
padding margin 顺序都是上右下左
三个代表：上 左右 下

Answer 7

楼上答案很详细，就是这个