CSS圖片按行排列是網頁設計中常用的布局之一。利用CSS的display屬性，我們可以輕松實現圖片按行排列的效果。

img {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}

上面的代碼首先將圖片的display屬性設置為inline-block，這樣圖片就可以在同一行內排列。接著，利用vertical-align屬性可以讓不同高度的圖片在同一水平線上對齊，避免排版不美觀的問題。同時，通過設置margin值，也可以控制圖片之間的間距。

我們可以在HTML中使用多個img標簽來顯示多張圖片，并把它們放入一個div容器中：

<div class="img-container">
<img src="image1.jpg" alt="圖片1">
<img src="image2.jpg" alt="圖片2">
<img src="image3.jpg" alt="圖片3">
</div>

然后，通過設置容器的寬度，使圖片可以自動換行：

.img-container {
width: 100%;
}

在實際應用中，為了讓排版更加美觀，我們可以在CSS里對容器和圖片進行更多的樣式設置，例如設置容器寬度為固定值、讓圖片鼠標懸停時出現邊框等等。此外，也可以使用Flexbox等其他布局方式來實現不同的圖片排列效果。