在CSS3中，我們可以使用多種方法使div元素居中顯示，以下是幾種常見(jiàn)的實(shí)現(xiàn)方式：

1、使用flex布局

Flex布局是一種非常強(qiáng)大的布局方式，可以輕松地使div元素在容器中居中，我們可以將容器的display屬性設(shè)置為flex，并使用justify-content和align-items屬性來(lái)控制div元素的水平和垂直位置。

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

2、使用grid布局

Grid布局也是CSS3中的一種強(qiáng)大布局方式，它可以將div元素放置在容器的任意位置，我們可以將容器的display屬性設(shè)置為grid，并使用justify-content和align-items屬性來(lái)控制div元素的水平和垂直位置。

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

3、使用position屬性

我們可以將div元素的position屬性設(shè)置為absolute或relative，并使用top、right、bottom和left屬性來(lái)控制div元素的位置，要使div元素在容器中垂直居中，我們可以設(shè)置top和bottom屬性為0，并設(shè)置height屬性為100%。

.div {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
}

4、使用transform屬性

我們可以使用transform屬性來(lái)移動(dòng)div元素到容器的中心位置。

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

方法都可以使div元素在CSS3中居中顯示，我們可以根據(jù)自己的需求和喜好選擇***適合自己的方法。