CSS是一種可以美化網頁的語言，其中包括了很多樣式，其中之一是圖片排列。今天我們將介紹一種特殊的圖片排列方式——豎版排列。

.img-container {
display: flex;
flex-direction: column;
}
.img {
margin: 10px 0;
}

上述代碼是實現豎版排列的關鍵代碼。首先，我們需要定義一個容器來裝載我們的圖片，這里使用了一個類名為“img-container”的div。通過display:flex屬性，我們將這個容器變成了一個彈性容器，讓其中的元素依據我們的指示排列。flex-direction指示了它是豎向排列，也就是column。

而對于我們的圖片(img)，我們希望能夠有一定的間距，所以使用了margin:10px 0來設置上下間距為10像素，左右間距為自動，也就是居中對齊。

最后，我們需要確認圖片能夠調用此樣式。可以直接通過img標簽的class來引用這個樣式，也可以在CSS文件中進行全局設置。

通過這種方法，我們就可以達到一個簡單而又美觀的圖片豎版排列效果，讓網頁更加優雅。