網站設計中通常需要將圖片按照一定規律進行排列，CSS提供了多種布局方式，下面介紹一種將多張圖片按水平方向排列的方法。

.images {
display: flex; /*設置彈性布局*/
flex-wrap: wrap; /*設置換行*/
justify-content: space-between; /*設置平均間距*/
}
.images img {
margin-bottom: 20px; /*設置圖片之間的間距*/
}

在以上代碼中，.images類是一個容器，包含多張圖片。通過設置flex彈性布局和flex-wrap屬性實現圖片自動換行，并使用justify-content屬性設置圖片間距。針對每張圖片，可以通過設置margin-bottom屬性來調整圖片之間的距離。

上述代碼可以幫助我們快速實現圖片的水平排列，如果需要進一步自定義，可以通過修改屬性值來達到不同的效果。