在網(wǎng)頁設計中，常常需要將兩張圖片并排顯示。這時候可以使用 CSS 來實現(xiàn)。下面是一段簡單的代碼示例。

<div class="image-wrapper">
<img src="image-1.jpg" alt="Image 1">
<img src="image-2.jpg" alt="Image 2">
</div>
<style>
.image-wrapper {
display: flex;
justify-content: space-between;
}
img {
width: 48%;
}
</style>

首先，在 HTML 中創(chuàng)建一個<div>元素，這個元素用來包裹這兩個圖片。兩個圖片分別使用<img>元素引入。

接下來，在 CSS 中，我們通過 Flexbox 布局來實現(xiàn)圖片的并排顯示。設置display: flex;來強制<div>元素代表的容器采用 Flexbox 布局。同時，我們把justify-content設置為space-between，讓圖片左右對齊，并且在它們之間留出空隙。

而我們?yōu)閳D片添加了width: 48%;的樣式，讓它們不會占據(jù)整個容器的寬度，而是在容器內(nèi)平分 96% 的寬度。

這樣，兩張圖片就在同一行并排顯示了，而且還可以自適應容器大小。使用 CSS 實現(xiàn)圖片的并排顯示非常簡單，可以用這種方式來布局各種不同的網(wǎng)頁元素。