css设置div居中

要将一个 `<div>` 元素居中，可以使用以下 CSS 属性和值：

1. 设置 `<div>` 的宽度和高度（可选）：

div {
  width: 300px; /* 设置宽度 */
  height: 200px; /* 设置高度 */
}

2. 使用 `margin` 属性将 `<div>` 水平和垂直居中：

div {
  margin: auto; /* 水平和垂直居中 */
}

3. 如果希望将 `<div>` 垂直居中，但水平不居中，可以使用 `margin` 的两个方向：

div {
  margin-top: auto; /* 垂直居中 */
  margin-bottom: auto;
}

这样，`<div>` 就会在其容器中水平和垂直居中。记得将上述代码适用于你想要居中的 `<div>` 元素的选择器。