CSS多張圖片排列是網頁制作中常用的技巧之一。比如，我們可以用它來制作一個圖片墻或是幻燈片等。下面我們就來看一下如何使用CSS實現多張圖片排列。

首先，我們需要在HTML中輸入圖片的標簽：

<div class="pic">
<img src="img1.jpg">
<img src="img2.jpg">
<img src="img3.jpg">
</div>

其中，我們使用了class屬性為"pic"的div標簽，并在其中插入了三個圖片標簽。

接下來，我們需要使用CSS來對圖片進行定位。我們可以使用以下代碼來將三張圖片排列在一排：

.pic {
display: flex;
justify-content: space-between;
}

這里我們使用了flex布局，并將justify-content屬性值設為space-between。這樣，三張圖片就會在水平方向上平均分布，并在它們之間留出一定的間隙。

如果我們想要將圖片排列為多行，則可以使用以下代碼：

.pic {
display: flex;
flex-wrap: wrap;
}
.pic img {
width: 30%;
margin: 5px;
}

這里，我們將flex-wrap屬性設為wrap，這樣當圖片排滿一行時，就會自動換行。同時，我們還設置了圖片的寬度和margin，使得它們在一行內平均分布，并在它們之間留出一定的間隙。

除了以上方法，我們還可以使用其他CSS屬性來實現圖片的排列。比如，我們可以使用float屬性將圖片浮動到左側或右側；使用position屬性將圖片定位到指定的位置等等。關鍵在于選用合適的方法，以達到我們想要的效果。