在CSS中，要使嵌套的盒子居中顯示，可以使用多種方法，以下是一種常見的方法，使用flex布局來(lái)實(shí)現(xiàn)。

為***外層的盒子設(shè)置flex布局，這個(gè)盒子可以看作是一個(gè)容器，負(fù)責(zé)包含并排列內(nèi)部的盒子。

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

在這個(gè)例子中，.container是***外層盒子的CSS類名。display: flex;將其設(shè)置為flex布局容器。justify-content: center;和align-items: center;分別將內(nèi)部的盒子在水平和垂直方向上居中。

為內(nèi)部的盒子設(shè)置寬度和高度。

.inner-box {
  width: 200px;
  height: 100px;
}

在這個(gè)例子中，.inner-box是內(nèi)部盒子的CSS類名。width: 200px;和height: 100px;分別設(shè)置其寬度和高度。

將內(nèi)部盒子放入***外層盒子中。

<div class="container">
  <div class="inner-box"></div>
</div>

在這個(gè)HTML代碼中，***外層盒子是.container，內(nèi)部盒子是.inner-box，通過這種方法，內(nèi)部盒子可以在***外層盒子中居中顯示。