如何在body中设置居中元素，而不将所有元素居中？

在body中设置居中元素，而不将所有元素居中，可以使用以下方法：

1. 使用flex布局：将body设置为flex容器，然后使用justify-content和align-items属性来控制子元素的水平和垂直居中。例如：

body {
  display: flex;
  justify-content: center;
  align-items: center;
}

这样设置后，body中的所有子元素都会居中对齐。

1. 使用绝对定位：将要居中的元素设置为绝对定位，并通过left和top属性来控制元素的位置。例如：

body {
  position: relative;
}

.center-element {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

这样设置后，.center-element元素会相对于body居中显示。

1. 使用网格布局：将body设置为网格容器，然后使用justify-items和align-items属性来控制子元素的水平和垂直居中。例如：

body {
  display: grid;
  justify-items: center;
  align-items: center;
}

这样设置后，body中的所有子元素都会在网格中居中对齐。

以上是三种常用的方法来在body中设置居中元素，而不将所有元素居中。根据具体情况选择适合的方法即可。

参考链接：

• Flex布局
• 绝对定位
• 网格布局