在網(wǎng)頁設計中，圖片是一個非常重要的元素。我們常常需要將圖片垂直居中以適配頁面的布局。在CSS中實現(xiàn)圖片垂直居中的方法有多種，今天我來介紹一種常用的方法：利用CSS的彈性布局。

首先，我們需要在HTML中定義一個容器元素，用來包含我們想要垂直居中的圖片。

<div class="container">
<img src="image.jpg">
</div>

接下來，在CSS中給這個容器元素添加彈性布局的屬性：

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

上面的代碼中，display:flex;表示將該容器元素設為彈性布局，justify-content:center;表示沿著水平方向居中，align-items:center;表示沿著垂直方向居中。

這樣我們就實現(xiàn)了圖片的垂直居中。當然，我們也可以將上面的代碼應用到其他元素上，實現(xiàn)多種不同的布局效果。