css代码如何把整个网页居中显示

在网页设计中，让整个网页居中显示是一个非常基础但又非常实用的技巧。在这里，我们将介绍一下使用CSS代码来实现网页居中显示的方法。

/* 使用CSS代码将整个网页居中 */

body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

首先，在CSS中我们使用了flex布局。在body元素上设置display: flex表示将其变成弹性容器。再通过justify-content: center和align-items: center来让内容在水平和垂直方向上都居中显示。height: 100vh则表示将整个屏幕视口的高度作为body元素的高度，以确保网页在不同设备上都能够完美展示。

通过这样简单的CSS代码，我们就可以让整个网页完美居中显示了。