在網頁設計中，常常會遇到需要讓文本或圖片在一個固定的容器中垂直居中的情況。本文將介紹一種使用CSS嵌套div實現垂直居中的方法。

首先，我們需要通過CSS設置容器的高度（height）和寬度（width），以及包圍它的div的display屬性為flex，這樣我們才能實現垂直居中。接著，在容器里面再嵌套一個div作為文本或圖片的容器，這個div的display屬性也要設置為flex。最后，我們僅需要使用align-items和justify-content來設置垂直和水平方向的居中。

.container {
height: 200px;
width: 200px;
display: flex;
align-items: center;
justify-content: center;
}
.content {
display: flex;
align-items: center;
justify-content: center;
}

下面是一個完整的示例代碼：

這是一段示例文本

以上代碼將在一個高度和寬度均為200px的容器中居中一段文本。請注意，實現垂直居中需要設置容器的高度，如果高度不確定，則需要使用其他方法。

總之，使用CSS嵌套div實現垂直居中是一種簡單而實用的方法，可以在網頁設計中大大提高效率。