padding 使body居中

要使用padding使body居中，可以使用以下代码实现：

<style>
body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding: 20px;
}
</style>

这段代码将body元素设置为flex布局，并使用justify-content和align-items属性将内容水平和垂直居中。通过设置padding属性，可以为body元素添加内边距，以使内容与边界保持一定的距离。这样，使用padding可以使body居中。
#### 引用[.reference_title]
- *1* *2* *3* [Div标签里放img和span标签实现垂直水平居中--flex布局](https://blog.csdn.net/m0_53703061/article/details/126307220)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]