CSS中有很多排版的方式，其中一種是使圖片從左往右排序。這種排版方式可以讓網頁的內容更加美觀，同時也提高了用戶體驗。

/* 將圖片放在一個div中，設置樣式 */ 
div {
display: flex; /* 設置為flex盒模型 */
flex-wrap: wrap; /* 換行 */
}
/* 設置圖片樣式 */ 
img {
width: 100%; /* 圖片寬度占滿父元素 */
margin: 5px; /* 圖片之間的距離 */
}

以上代碼設置了一個div，讓其中的img標簽顯示為flex盒模型。然后，將圖片的寬度設置為100%，讓圖片占滿整個父元素。同時，設置圖片之間的距離為5px。

如果想要改變圖片的排序方式，可以通過改變flex的屬性來實現。例如，如果想讓圖片從右往左排列，可以將flex-direction的值設置為row-reverse。

/* 將圖片從右往左排列 */ 
div {
display: flex; /* 設置為flex盒模型 */
flex-wrap: wrap; /* 換行 */
flex-direction: row-reverse; /* 從右往左排列 */
}
/* 設置圖片樣式 */ 
img {
width: 100%; /* 圖片寬度占滿父元素 */
margin: 5px; /* 圖片之間的距離 */
}

通過以上代碼，就可以將圖片從右往左排列。同樣的，也可以根據需要設置不同的排列方式。