當我們需要在網頁中將一系列圖片排列起來時，我們可以使用CSS來實現。而如果我們想要讓這些圖片垂直排列，該如何做呢？這篇文章將為您介紹如何通過CSS實現圖片垂直排列。

img {
display: block;
margin: auto;
}

首先，我們需要將圖片的display屬性設為block，這樣就能保證圖片之間的間距不會出現問題。接下來，我們需要設置圖片的margin屬性為auto，這樣就能讓圖片水平居中。

.container {
display: flex;
flex-direction: column;
}

其次，我們需要將圖片包裹在一個容器中，并將這個容器的display屬性設置為flex。然后，我們將容器的flex-direction屬性設置為column，這樣就能把里面的元素垂直排列。

最后，我們把幾個圖片放在同一個容器中。這樣，我們就可以通過上面設置的CSS屬性來讓它們垂直排列了。

總之，通過以上的CSS設置，我們可以很方便地實現圖片的垂直排列。希望對你有幫助！