使用 CSS 使圖片在其容器中垂直居中可以有多種方法，本文將介紹其中一種比較簡單的方法。

.container {
display: flex;
align-items: center;
justify-content: center;
}
.container img {
max-width: 100%;
height: auto;
}

以上代碼使用了 Flex 布局，通過設置容器屬性為display:flex;，并設置align-items:center;和justify-content:center;使圖片垂直居中。

同時，為了保證圖片不超出容器的范圍，還需設置圖片的最大寬度為 100%。

這種方法只需使用少量 CSS，且適用于多種情況。在實際項目中，可根據具體情況進行適當調整。