怎么把html所有内容居中
时间: 2024-02-23 19:59:16 浏览: 14
html居中问题
可以使用CSS样式来实现将HTML页面中的所有内容居中。可以使用以下代码:
```css
html, body {
height: 100%;
margin: 0;
}
body {
display: flex;
justify-content: center;
align-items: center;
}
```
这段代码将HTML页面的body元素的display属性设置为flex,使其成为一个弹性容器。然后使用justify-content属性设置主轴上的对齐方式为居中,align-items属性设置交叉轴上的对齐方式为居中,这样就可以将页面的所有内容都居中显示了。
阅读全文