CSS中可以使用background-image屬性來引入圖片作為背景。而當(dāng)需要將多張圖片豎列排列時，可以使用以下的代碼：

.container {
display: flex;
flex-direction: column;
}
.container div {
height: 100px;
background-repeat: no-repeat;
background-position: center;
}
.container div:nth-of-type(1) {
background-image: url('image1.jpg');
}
.container div:nth-of-type(2) {
background-image: url('image2.jpg');
}
.container div:nth-of-type(3) {
background-image: url('image3.jpg');
}

以上代碼中，我們將父容器的display屬性設(shè)置為flex，將子元素按豎列方向排列。子元素的高度可以根據(jù)需要設(shè)定。我們設(shè)置子元素的背景為不重復(fù)，居中顯示，然后分別為每個子元素指定不同的背景圖。

如果需要增加更多的子元素，只需要按照nth-of-type(n)的格式繼續(xù)添加，其中n表示子元素的位置。

除了使用flexbox來實現(xiàn)豎列排列，我們也可以通過設(shè)置子元素的float屬性和clear屬性來實現(xiàn)豎列排列：

.container div {
float: left;
width: 33.33%;
height: 100px;
background-repeat: no-repeat;
background-position: center;
}
.container div:nth-of-type(1) {
background-image: url('image1.jpg');
clear: left;
}
.container div:nth-of-type(2) {
background-image: url('image2.jpg');
}
.container div:nth-of-type(3) {
background-image: url('image3.jpg');
}

以上代碼中，我們將子元素的float屬性設(shè)置為left，將子元素寬度設(shè)置為父容器寬度的三分之一，然后為每個子元素指定背景圖。需要特別注意的是，第一個子元素需要使用clear屬性清除前面的浮動。

以上就是兩種使用CSS實現(xiàn)豎列圖片排列的方法，可以根據(jù)實際需求選擇不同的方法來實現(xiàn)。同時要注意，對于需要適配多種屏幕尺寸的網(wǎng)頁，需要使用響應(yīng)式布局來保證頁面的美觀性和易用性。