css怎么让body居中(css如何让body居中)

CSS是一种常用的前端技术，可以从视觉上让页面更加漂亮和优化。其中一个常见的问题是如何把页面的body标签居中，下面我们来说说怎么实现。

body {
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
}

上述代码是我们为body标签添加的样式，首先我们将body的margin和padding设置为0，这是为了避免在不同的浏览器中出现不同的默认设置。

接下来，我们把body的display属性设置为flex，这个属性可以将元素设置为一个flex容器。flex容器可以让我们灵活地对容器内的元素进行布局。

我们紧接着设置了两个属性，justify-content和align-items。它们分别控制了body容器内的元素如何“对齐”，这就是实现居中的关键所在。justify-content属性用于水平对齐，align-items属性用于垂直对齐。

在上述代码中，我们将两个属性都设置为center，这将会使得body容器内的元素居中显示。这样，我们就可以轻松地实现页面的美化效果。