CSS 多張圖片滾動顯示，是指將多張圖片放置于同一行，用 CSS 控制其顯示位置，并通過 JavaScript 實(shí)現(xiàn)圖片滾動。要實(shí)現(xiàn)這一效果，需要使用 CSS 的position和display屬性。

其中，position屬性用于定義元素的定位方式。常見的定位方式有四種：static、relative、absolute 和 fixed。對于圖片滾動效果，我們需要將圖片的定位方式設(shè)置為 absolute，這樣才能夠?qū)崿F(xiàn)圖片在水平方向上的滾動。

下面是一個示例代碼：

<div class="wrapper">
<img class="img" src="image1.jpg">
<img class="img" src="image2.jpg">
<img class="img" src="image3.jpg">
<img class="img" src="image4.jpg">
</div>

在這段代碼中，我們使用了一個 div 盒子，將多個圖片放到了同一行。為了實(shí)現(xiàn)滾動的效果，需要使用以下 CSS 代碼：

.wrapper {
position: relative;
width: 100%;
height: 200px;
overflow: hidden;
}
.img {
position: absolute;
top: 0;
left: 0;
width: 25%;
height: 100%;
}

在這個代碼中，我們將 .wrapper 的高度設(shè)置為 200px，超出這個高度的圖片會被隱藏。同時，將圖片的寬度設(shè)置為 25%，這樣就可以放置四張圖在同一行。接下來，使用 JavaScript 實(shí)現(xiàn)圖片滾動的效果。

下面是一個示例代碼：

setInterval(function() {
$('.wrapper').children().eq(0).appendTo($('.wrapper'));
}, 3000);

在這個代碼中，我們使用了 jQuery 的children和eq方法，每隔 3 秒鐘將 .wrapper 中的第一個圖片元素移動到最后一位，從而實(shí)現(xiàn)圖片的滾動效果。

這樣，就可以實(shí)現(xiàn) CSS 多張圖片滾動顯示的效果了。