CSS如何將兩張圖片居中排？

img {
display: inline-block; 
vertical-align: middle; 
margin: 0 auto;
}

以上代碼可使圖片水平居中，在行內同樣垂直居中。接下來，我們來詳細了解以下三條屬性：

display: inline-block;

將元素設為行內塊元素。這個屬性可以讓多個圖片、文字等元素放在同一行中。

vertical-align: middle;

垂直對齊方式。這個屬性需要放在行內塊元素（如圖片）里面設置，可以將該元素垂直居中。我們可以將該屬性的值設為 middle 來使圖片垂直居中對齊。

margin: 0 auto;

這條屬性讓元素居中對齊。其中將左右 margin 值都設為 auto 可以使元素水平居中，如果沒有同時設置上下 margin 值，元素就會被垂直方向上居中放置。

使用以上三條屬性，我們可以輕松實現兩張圖片的居中排列。完成后，你的網頁將看起來更加整潔、美觀。