CSS（Cascading Style Sheets）是一種用于網頁布局和樣式設計的語言。其中一個最常見的效果是將多張圖片排列成一列，并且在屏幕上按照指定的間距進行顯示。下面我們來介紹如何使用CSS來實現這個效果。

/* 設置外邊距，讓圖片之間產生合適的間距 */
img {
margin-bottom: 20px;
}
/* 在容器元素中使用flex布局 */
.container {
display: flex;
flex-direction: column;
align-items: center;
}
/* 定義容器元素中的圖片樣式 */
.container img {
width: 100%;
max-width: 400px;
}

首先，我們需要為圖片設置合適的外邊距，以便在排列時有足夠的間距。在上述CSS代碼中，我們為所有圖片設置了一個下外邊距為20像素。這個值可以根據實際需要進行調整。

接下來，我們需要將所有的圖片放在一個容器元素中，并使用flex布局來控制它們的排列方式。在這個例子中，我們將容器元素的flex-direction屬性設置為column，以便所有圖片按照垂直方向排列。align-items屬性設置為center，讓容器元素在屏幕中垂直居中。

最后，我們為容器元素中的圖片定義了一個樣式。在這個樣式中，我們讓圖片的寬度等于容器元素的寬度，并設置了最大寬度為400像素，以便在屏幕尺寸較小時保持圖片的清晰度。

總之，使用CSS讓一列圖片排列起來非常容易，只需要進行簡單的樣式設置就可以實現。通過這種方法，我們可以讓網頁中的圖片展示更加美觀和整齊。