CSS中圖片怎么成行排列？這是一個非常常見的問題。在許多網(wǎng)站中，圖片通常會以水平方向成行排列，這使得網(wǎng)頁看起來更加整潔和美觀。以下是一些用CSS將圖片成行排列的方法。

/* 方法一：使用浮動 */
img {
float: left;
margin: 10px; /* 圖片之間的間距 */
}
/* 方法二：使用flexbox */
.container {
display: flex;
flex-wrap: wrap;
}
.container img {
flex: 0 0 auto;
margin: 10px;
}
/* 方法三：使用CSS網(wǎng)格布局 */
.container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
grid-gap: 10px;
}
.container img {
width: 100%;
}

以上三種方法都可以將圖片成行排列。方法一是最簡單的方法，只需使用浮動屬性即可。方法二和三則需要使用更高級的技術(shù)，但可以更好地控制圖片的布局。在方法二中，flexbox布局可以輕松地使圖片成列或成樣式網(wǎng)格等其他布局。而在方法三中，CSS網(wǎng)格布局提供了更加靈活的網(wǎng)格模板，使得排列更加自由。

無論使用哪種方法將圖片成行排列，都應(yīng)該記得設(shè)置圖片之間的間距，以便于調(diào)整頁面的布局。