CSS圖片高度不變居中是在Web設計中非常常見的問題。一些網站的設計需要讓圖片保持高度和寬度的比例不變，同時還需要讓它在父元素中居中顯示。此時，使用CSS的background-image屬性或者img標簽都可以輕松實現這一效果。

對于使用background-image屬性的情況，需要設置background-position屬性和背景圖片的樣式：

.element {
background-image: url('path/to/image.jpg');
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}

上述代碼中，我們設置了背景圖片在元素中水平和垂直方向都居中顯示，并且鋪滿整個元素。這種方式適用于元素的大小可以動態變化的情況。

如果需要使用img標簽來實現這個效果，需要為它設置position: absolute屬性和left: 50%屬性，并在父元素中設置position: relative屬性：

.parent {
position: relative;
}
.parent img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

上述代碼中，父元素設置了相對定位，為img標簽設置了絕對定位，并讓它處于父元素的中央位置。為了保持高度和寬度的比例不變，需要使用max-width屬性來限制圖片的最大寬度。

總之，無論是使用background-image屬性還是img標簽，都可以輕松實現圖片高度不變居中的效果。根據需求和設計，可考慮選擇其中一種方法進行實現。