CSS盒子模型之外边距——margin

在往期文章中已经介绍过了盒子模型中的边框border和内边距padding，今天我们就来简单讲讲外边距——margin。

http://【CSS盒子模型之边框——border - CSDN App】http://t.csdnimg.cn/qbTwW 

http://【CSS盒子模型之内边距——padding - CSDN App】http://t.csdnimg.cn/H6Cfi

---

margin属性用于设置外边距，即控制盒子与盒子之间的距离。

marign-left、marign-right、marign-top、marign-bottom分别代表左、右、上、下外边距。

 外边距可以让块级盒子水平居中，但是必须满足两个条件：

1：盒子必须指定了宽度。2：盒子左右的外边距都设置为auto。

.类名{ width: 900px ; margin: 0 auto ; }

常见的写法还有：

• margin_left : auto ;  margin-right : auto ;
• margin : auto ;
• margin : 0 auto ；（上下为0，左右为auto）

【注意】以上方法是让块级元素水平居中，行内元素或者行内块元素水平居中，给其他父元素添加text-align:center即可。