html中body设置水平居中

要将HTML页面中的Body元素居中，可以使用CSS样式来实现。具体步骤如下：

1.在HTML页面中的Head元素中添加以下CSS样式：

<style>
body {
display: flex;
justify-content: center;
align-items: center;
}
</style>

2. 使用display: flex; 把Body元素的显示方式设置为Flex布局。

3. 使用justify-content: center; 和 align-items: center; 将Body元素在水平和垂直方向上居中。

这样，在HTML页面中的Body元素就能够水平居中了。