CSS中的圖片排序樣式可以幫助我們優化頁面的展示效果，使網站更加美觀和易讀。下面介紹一些常用的圖片排序樣式。

/* 將圖片排列在一行 */
img{
display: inline-block;
margin-right: 10px;
}
/* 將圖片排列在同一行且自動適應寬度 */
img{
width: auto;
max-width: 100%;
height: auto;
display: inline-block;
}
/* 將圖片排列在同一行并居中 */
.container{
text-align: center;
}
img{
display: inline-block;
}
/* 將圖片按照網格來排列 */
.grid{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
grid-gap: 10px;
}
.grid img{
max-width: 100%;
}
/* 將圖片按照流水布局排列 */
.flow{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.flow img{
max-width: 100%;
margin: 5px;
}

通過使用不同的圖片排序樣式，我們可以讓圖片在網站中的展示更加美觀和優化。可以根據不同的需求選擇適合的樣式來達到最佳效果。