CSS中設(shè)置div元素水平垂直居中是一個常見的需求，通?？梢酝ㄟ^以下步驟來實現(xiàn)：

1、水平居中：要使div元素在水平方向上居中，可以使用CSS的margin屬性來自動調(diào)整左右邊距，給div元素添加margin: 0 auto;樣式，使其左右邊距相等，從而實現(xiàn)水平居中。

2、垂直居中：垂直居中的實現(xiàn)相對復(fù)雜一些，因為CSS中沒有直接的垂直居中屬性，一種常用的方法是利用flexbox布局，給div元素的父元素添加display: flex;樣式，并將align-items屬性設(shè)置為center，這樣子元素（即div元素）就會在其父元素的垂直方向上居中。

下面是一個具體的示例：

HTML結(jié)構(gòu)：

<div class="container">
  <div class="content"></div>
</div>

CSS樣式：

.container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh; /* 可根據(jù)需要調(diào)整容器的高度 */
}
.content {
  /* 內(nèi)容樣式 */
}

在這個示例中，.container元素作為flex容器，通過align-items: center;實現(xiàn)了垂直居中，通過justify-content: center;實現(xiàn)了水平居中。.content元素作為flex子元素，自然繼承了容器的居中屬性，這種方法簡單直觀，且適用于多種場景。