CSS是一種用于渲染和格式化HTML的語言，在頁面設計中非常重要。在許多情況下，我們需要將圖片垂直居中顯示在文字中間，以達到更好的視覺效果。本文將介紹如何使用CSS實現這個效果。

代碼如下：
HTML
<div class="container">
<img src="example.jpg" alt="example">
<p>這是垂直居中圖片的示例文字</p>
</div>
CSS
.container {
display: flex;
align-items: center;
}
.container img {
margin-right: 10px;
}

首先，在HTML中我們需要包裝圖片和文本在一個容器中，這里我們使用div元素，并為其添加一個class名為“container”。接著，在CSS中設置這個容器為一個flex布局，并通過align-items屬性將其垂直居中。

另外，為了讓圖片和文字之間有一個固定的空隙，我們可以設置圖片的右邊距為一定值，這里設置為10像素。

通過這樣的設置，圖片就能夠完美的垂直居中在文字之間了。