css实现整体内容居中
时间: 2023-07-17 14:57:22 浏览: 26
要实现整体内容居中,可以使用以下CSS代码:
```css
body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
```
这段代码将使整个页面的内容垂直和水平居中。`display: flex;`将body元素设置为弹性容器,`justify-content: center;`和`align-items: center;`将内容在水平和垂直方向上居中。`height: 100vh;`将body元素的高度设置为视口高度,以确保内容在屏幕上垂直居中。