在網頁設計中，經常需要將不同大小的圖片排列在一排。這個時候，我們需要使用CSS來實現。

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

以上代碼是我們常用來排列圖片的CSS代碼，其中display: inline-block可以讓圖片在一行內排列，并且不會換行。vertical-align: middle可以讓不同高度的圖片都垂直居中對齊。

但是，如果我們有兩張圖片，一張高度為200px，另一張高度為400px，那么在使用以上CSS代碼的情況下，兩張圖片之間的間隔會比較大，因為CSS會以最大高度來給所有圖片分配空間。

為了讓不同大小的圖片之間的間隔更加均勻，我們可以給每張圖片都添加一個固定的寬度，這樣每個圖片之間的間隔就可以更加均勻。

.img-small {
width: 150px;
display: inline-block;
vertical-align: middle;
}
.img-large {
width: 300px;
display: inline-block;
vertical-align: middle;
}

以上代碼中，.img-small代表寬度為150px的圖片，.img-large代表寬度為300px的圖片。通過給不同大小的圖片設置不同的寬度，我們可以解決圖片間隔不均勻的問題。

總之，在排列不同大小的圖片時，我們需要使用CSS來控制圖片的顯示，讓它們更加美觀、合理地排列在網頁中。通過設置固定的寬度和垂直居中對齊，我們可以讓圖片之間的間隔更加均勻，提高網頁的美觀程度。