CSS:块级盒子水平居中

让一个块级盒子实现水平居中必须满足以下两个条件:

(1)、盒子必须指定宽度(width)

(2)、左右外边距都设置为auto

实际工作中常用这种方式进行网页布局,示例代码如下:

.header{

    width:960px;
    margin:0 auto;

}

常见的写法,以下三种都可以:

(1)、margin-left:auto;  margin-right:auto;

(2)、margin:auto;

(3)、margin: 0 auto;

猜你喜欢

转载自blog.csdn.net/baidu_24743861/article/details/107955227