CSS是一種用來為網頁添加樣式的編程語言。其中最常用的一項是在圖片后面添加文字，并讓文字垂直居中顯示。下面我們來介紹一下如何通過CSS實現這個功能。

當我們使用HTML語言在網頁上添加圖片后，用CSS控制文字位置可以讓整個頁面看起來更加美觀。以下是一個展示如何將圖片后面的文字垂直居中的CSS代碼：

.img-container {
position: relative;
display: inline-block;
}
.text {
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
text-align: center;
}

首先，我們需要將圖片和文字容器包裹在一個div容器中。將此容器設置為顯示inline-block以確保它不會采用整個屏幕的寬度。我們還需要將我們的圖片容器設置為相對定位，以確保我們的文本容器定位在正確的位置。

接下來，我們將文本容器的位置設置為絕對定位。我們使用top和left屬性將容器移動到正確的位置，而right屬性接受它作為與左側距離而不是與頂部距離的值，以使文本正確對齊。我們還需要讓文本容器居中對齊，我們通過設置它的transform屬性值以達到此目的。

最后我們需要確保文本居中顯示，因此我們將其text-align屬性設置為center。

通過使用以上CSS代碼，我們可以輕松地將文字在圖片后面垂直居中，并實現在網頁上的優美呈現。