在網站設計過程中，圖片排版是一個非常常見的需求。這篇文章將介紹如何使用 CSS 來設置圖片并排。
要把兩張圖片排列在同一行，可以在 HTML 中使用標簽，并為它們指定 class，然后在 CSS 中使用這些 class 來設置圖片樣式。
在 HTML 中，添加兩個圖片：

<img src="pic1.jpg" class="image">
<img src="pic2.jpg" class="image">

接下來，在 CSS 中設置圖片樣式：

.image {
width: 50%;
float: left;
padding: 10px;
box-sizing: border-box;
}

這里，我們使用了float: left將兩張圖片左浮動，并使用width: 50%和padding: 10px來確保它們能夠占據同等的空間，并且有足夠的間距。box-sizing: border-box用于確保 padding 不會增加元素的總寬度。
如果想要在兩張圖片之間添加間距，可以在其中一張圖片的樣式中添加margin-right。例如：

.image1 {
width: 30%;
float: left;
margin-right: 10px;
padding: 10px;
box-sizing: border-box;
}
.image2 {
width: 60%;
float: left;
padding: 10px;
box-sizing: border-box;
}

這里，我們在第一張圖片的樣式中添加了margin-right: 10px，與第二張圖片保持了一定的間距。
除了上述方法，還可以使用 CSS3 中的 Flexbox 布局來更方便地實現圖片排版，這里就不再贅述。總之，使用 CSS 設置圖片排版可以為網站帶來更好的可讀性和視覺效果。