在網頁設計中，經常需要將多張圖片并排放置，這可以通過CSS來實現。下面我們分別介紹兩種方法：

方法1：使用float屬性

img{
 float: left;
 margin-right: 20px;
}

這里將兩張圖片的float屬性都設為left，讓它們水平排列，同時為了讓圖片之間有一定間隔，設置了margin-right為20px。

方法2：使用display屬性

.container{
 display: flex;
 justify-content: space-between;
}
img{
 width: 45%;
}

這里先將圖片的display屬性設為inline-block, 之后將容器的display屬性設為flex，再設置justify-content屬性為space-between即可實現圖片的橫向排列。為了每個圖片占據容器的一定比例，同時不失真，可在img的css中設置width屬性。