CSS块级盒子水平居中对齐-37.2℃云笔记

CSS块级盒子水平居中对齐（auto）

37.2℃ • 2020年10月21日 pm3:03 • 前端知识 • 阅读 36

当我们缩小浏览器窗口的时候，会发现页面都是在浏览器居中位置现显示的。

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

语法：

.header {
    width: 300px;
    margin: 0 auto;
}

宽度为300像素，上下外边距为0，左右外边距自动居中。

常见写法如下：

以上方法是让块级元素水平居中。如果要让行内元素或者行内块元素水平居中，只要给其父元素添加 text-align:center即可。

转载请注明：转载于37.2度云笔记

CSS块级盒子水平居中对齐（auto）