CSS是一種用來布局網(wǎng)頁元素的語言。其中，圖片排列是網(wǎng)頁設(shè)計中不可避免的一部分。在CSS中，通過一些屬性值可以調(diào)整圖片的大小、位置、間距等參數(shù)。下面，我們將詳細介紹CSS中如何進行圖片排列。 首先，我們需要用到CSS的display屬性。display屬性決定了元素在網(wǎng)頁上的顯示方式。一般情況下，我們使用display: block;來設(shè)置圖片的顯示方式。這會使圖片以塊級元素的形式展示，即一個圖片獨占一行。 如果希望多個圖片并排展示，我們可以使用display: inline-block;屬性。這樣，多個圖片就會被視為一個行級塊元素，同一行內(nèi)并排排列。 另外，我們可以通過設(shè)置width和height屬性，調(diào)整圖片的大小。這里需要注意的是，如果只設(shè)置width或只設(shè)置height，圖片會保持原始寬高比例，可能會導(dǎo)致圖片被拉伸或壓縮。如果要保持寬高比例不變，可以使用max-width和max-height屬性，同時設(shè)置一個固定大小，使得圖片在不超出這個大小的前提下自適應(yīng)縮放。 除了調(diào)整圖片本身的大小和位置外，我們還可以通過margin、padding和border等屬性，來設(shè)置圖片之間的間距和邊框。比如，我們可以通過margin屬性控制圖片之間的水平和垂直方向上的間距，使用border屬性添加圖片的邊框。 最后，我們還可以使用CSS的float屬性對圖片進行排列。float屬性指定元素在文檔流中的位置，可以使圖片向左或向右浮動，達到整體排列的效果。 綜上所述，CSS提供了多種方法和屬性，可以讓我們對圖片進行靈活的排列和設(shè)計。無論是單張圖片，還是多張圖片的排列，都可以通過合理運用CSS，實現(xiàn)頁面的美觀和實用。下面是一些CSS圖片排列的示例代碼：

p img {
display: block;
margin: 10px auto;
}p img {
display: inline-block;
margin-right: 20px;
}p img {
border: 1px solid #ccc;
}img {
float: left;
margin-right: 10px;
}img {
float: right;
margin-left: 10px;
}