外边距可以让块级盒子
水平居中
,
但是必须满足两个条件:
① 盒子必须指定了宽度(width)。
② 盒子
左右的外边距
都设置为 auto 。
常见的写法,以下三种都可以:
margin-left: auto; margin-right: auto;
margin: auto;
margin: 0 auto;
注意:
以上方法是让块级元素水平居中,
行内元素或者行内块元素水平居中给其父元素添加 text-align:center 即可
。