在網頁設計中，很多時候需要在圖片下方添加文本，這時候就需要用到CSS中的文字垂直對齊技術。

首先，我們需要將文字放在圖片下方。可以通過將圖片和文字放在一個容器中來實現，然后用CSS設置容器為相對定位(position: relative)，這樣后面的文本就可以基于圖片容器進行定位了。如下所示：

<div class="container">
<img src="example.jpg" alt="example">
<p>這是圖片下面的文字</p>
</div>

.container {
position: relative;
}
.container img {
display: block;
}
.container p {
position: absolute;
bottom: 0;
left: 0;
right: 0;
text-align: center;
}

在CSS中，我們通過將文本容器設置為絕對定位(position: absolute)來實現垂直對齊。bottom: 0; 表示底部與父容器底部對齊，left: 0; 和 right: 0; 則表示文本容器與父容器同寬。最后，text-align: center; 則可以讓文本居中對齊。

通過以上方法，就可以實現在圖片下方加上文字了。具體實現可以根據自己的需求進行修改，如一行還是多行文本、文本樣式等等。