CSS中讓div元素居中的方法有多種，其中常見的是使用flex布局、grid布局或position屬性。

1、使用flex布局：

Flex布局是一種非常強大的布局方式，可以輕松地讓div元素在容器中居中，具體實現(xiàn)方法是給容器元素添加display: flex;屬性，然后給div元素添加justify-content: center;和align-items: center;屬性即可。

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

2、使用grid布局：

Grid布局也是CSS中的一種強大布局方式，同樣可以讓div元素在容器中居中，具體實現(xiàn)方法是給容器元素添加display: grid;屬性，然后給div元素添加justify-content: center;和align-items: center;屬性即可。

.container {
  display: grid;
  justify-content: center;
  align-items: center;
}

3、使用position屬性：

除了上述兩種方法外，還可以通過設(shè)置position屬性來讓div元素在容器中居中，具體實現(xiàn)方法是給容器元素添加position: relative;屬性，然后給div元素添加position: absolute;和top: 50%; left: 50%;屬性，并添加transform: translate(-50%, -50%);屬性以調(diào)整位置。

.container {
  position: relative;
}
.div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

是三種常見的讓div元素在容器中居中的方法，可以根據(jù)實際情況選擇適合自己的方法。