css中怎么让body居中显示

在CSS中，让body居中显示是很常见的需求。下面我们为大家介绍几种方法：

 body {
        margin: 0 auto; /* 这是最常见的方法，使用margin属性，把左右的边距都设置为auto，即可让body居中显示。*/
    } 

上面的方法只适用于宽度已知的元素。如果body宽度未知，则需要使用另一种方法：

 body {
        display: flex; /* 使用弹性盒子布局，把body内的元素水平居中。*/
        justify-content: center; /* 设置body内的元素在水平方向上居中。*/
        align-items: center; /* 设置body内的元素在垂直方向上居中。*/
    } 

最后，如果仍然发现body未能居中显示，可以考虑以下几点：

1）检查是否有其他CSS样式会影响body的布局；

2）检查body是否有声明高度的CSS样式；

3）如果以上两点都检查无误，可以尝试添加以下CSS：

 html {
        height: 100%;
    }
    body {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    } 

上面的代码可以让body相对于视口居中显示。