CSS圖片排行是一種使圖像排列成列或行的方法。您可以使用CSS樣式表來控制大量圖像。這種排列通常用于圖庫、產品目錄和相冊。

通過為圖像設置動態尺寸、邊距和內襯，您可以創建各種樣式，例如網格、瀑布流和橫向排列的圖像。以下是一個簡單的CSS代碼示例，用于將圖片排列成一行：

img {
display: inline-block;
margin-right: 10px;
max-width: 100%;
height: auto;
}

上述代碼將圖像設置為與文本行內顯示。margin-right: 10px; 為每張圖片添加10像素的右邊距，使圖像之間有一定的空間。max-width: 100%; 將圖像設置為自適應父容器的大小，并保持其原始高寬比。height: auto; 將圖像的高度設置為自動，以自動調整高度和寬度比例。

如果您希望將圖像排列成多行，可以使用以下代碼示例：

.container {
display: flex;
flex-wrap: wrap;
}
img {
flex: 1 0 200px;
margin: 5px;
}

上述代碼使用了CSS3的Flexbox布局，將每個圖像作為一個Flex項目并將它們設置為均勻寬度。flex-wrap: wrap; 將Flex項目分為多行。flex: 1 0 200px; 屬性指定項目將自動擴展寬度，并從可用寬度中占用最小空間，同時將寬度限制為最大200像素。margin: 5px; 對每個圖像添加5像素的外邊距。

總之，CSS圖片排行是一個強大的工具，能夠極大地提高相冊、博客等網頁的美觀度。無論您需要將圖像排列成行還是列，只需少量CSS代碼即可輕松實現。