CSS中有一個經常被用到的技巧就是將圖片水平與垂直居中顯示，這個過程需要一些技巧和處理，下面來介紹一下具體實現方法。

首先在HTML標簽中添加img標簽，引入需要居中顯示的圖片。

<div class="container">
<img src="img.jpg" alt="圖片">
</div>

然后在CSS中為外層容器添加一些屬性：

.container {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}

上面代碼中，display: flex將容器轉化為彈性盒子布局，justify-content和align-items屬性分別用于水平和垂直方向的居中對齊。

這時候圖片就已經被居中了，但是如果需要讓圖片保持原來的比例，可以再添加一些屬性：

.container img {
max-width: 100%;
max-height: 100%;
}

上面代碼中，max-width和max-height分別限制了圖片的最大寬度和高度為100%，因此圖片在保持原來比例的情況下能夠完全顯示。

綜上所述，利用CSS中的flex布局可以輕松實現圖片的水平與垂直居中，真正做到了"一圖千言"的效果。