CSS是一種用于網頁設計的語言，它可以使頁面設計更加美觀和易于閱讀。其中一個重要的應用是如何讓圖片排列。下面介紹幾種方法。

/*第一種方法，使用display和float屬性*/
img {
display: block;
float: left;
}
/*第二種方法，使用flexbox布局*/
.container {
display: flex;
flex-wrap: wrap;
}
img {
flex: 1 1 auto;
}
/*第三種方法，使用grid布局*/
.container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 10px;
}
img {
grid-column: span 1;
grid-row: span 1;
}

第一種方法使用display和float屬性。這種方法使圖片變為塊級元素，并使其向左浮動。這種方法簡單易用，但可能不適用于復雜的布局。

第二種方法使用flexbox布局。這種方法在容器中創建了一個靈活的盒子，這些盒子可以根據需要進行伸縮。它可以輕松地應對多種屏幕尺寸，使設計更為靈活。

第三種方法使用grid布局。這種方法提供了最靈活的布局方式，并始終保持可讀性。它可以創建復雜的設計，而不會妨礙頁面的可讀性。然而，它可能需要更多的代碼和時間來創建。