CSS多張圖片排列是網(wǎng)頁(yè)制作中常用的技巧之一。比如，我們可以用它來(lái)制作一個(gè)圖片墻或是幻燈片等。下面我們就來(lái)看一下如何使用CSS實(shí)現(xiàn)多張圖片排列。

首先，我們需要在HTML中輸入圖片的標(biāo)簽：

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

其中，我們使用了class屬性為"pic"的div標(biāo)簽，并在其中插入了三個(gè)圖片標(biāo)簽。

接下來(lái)，我們需要使用CSS來(lái)對(duì)圖片進(jìn)行定位。我們可以使用以下代碼來(lái)將三張圖片排列在一排：

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

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

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

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

這里，我們將flex-wrap屬性設(shè)為wrap，這樣當(dāng)圖片排滿一行時(shí)，就會(huì)自動(dòng)換行。同時(shí)，我們還設(shè)置了圖片的寬度和margin，使得它們?cè)谝恍袃?nèi)平均分布，并在它們之間留出一定的間隙。

除了以上方法，我們還可以使用其他CSS屬性來(lái)實(shí)現(xiàn)圖片的排列。比如，我們可以使用float屬性將圖片浮動(dòng)到左側(cè)或右側(cè)；使用position屬性將圖片定位到指定的位置等等。關(guān)鍵在于選用合適的方法，以達(dá)到我們想要的效果。