使用CSS可以讓文字垂直居中于圖片。
首先，需要一個包含圖片和文字的HTML元素，比如一個div元素：

<div class="image-wrapper">
<img src="image.jpg" alt="image">
<p>這是一段文字</p>
</div>

使用CSS可以給這個元素添加以下樣式：

.image-wrapper {
display: flex;
align-items: center;
}

這里用了flex布局，將子元素（圖片和文字）都垂直居中。
如果需要圖片在文字上方，可以將flex方向改為column：

.image-wrapper {
display: flex;
flex-direction: column;
align-items: center;
}

上述的代碼就可以實現文字垂直居中于圖片。通過這種方法，可以讓網頁看起來更美觀和專業。