CSS自適應(yīng)圖片垂直居中顯示是一個常見的網(wǎng)頁設(shè)計需求。在設(shè)計響應(yīng)式網(wǎng)站時，自適應(yīng)圖片可以很好地適應(yīng)不同屏幕尺寸的移動設(shè)備，而垂直居中可以讓頁面更加美觀。

在實現(xiàn)自適應(yīng)圖片垂直居中顯示的過程中，我們可以使用以下代碼：

.container {
display: flex;   /*使用flex布局*/
justify-content: center;   /*水平居中*/
align-items: center;   /*垂直居中*/
}
.container img {
max-width: 100%;   /*圖片最大寬度為100%*/
max-height: 100%;   /*圖片最大高度為100%*/
vertical-align: middle;   /*垂直方向中心對齊*/
}

以上代碼中，我們采用了flex布局，其中justify-content屬性使容器內(nèi)部元素水平居中，align-items屬性使容器內(nèi)部元素垂直居中。同時，我們通過控制圖片的最大寬度和最大高度使它始終適應(yīng)容器大小，同時利用vertical-align屬性將圖片垂直方向居中對齊。

最終，我們得到了一個簡單而有效的自適應(yīng)圖片垂直居中顯示的方法。在實際應(yīng)用中，我們可以根據(jù)具體情況對容器和圖片進行適當?shù)恼{(diào)整，以達到更好的顯示效果。