在CSS中設(shè)置div并排顯示圖片，可以通過使用浮動(dòng)（float）或Flexbox布局來實(shí)現(xiàn)。

1、使用浮動(dòng)（float）布局：

在HTML中創(chuàng)建兩個(gè)div元素，每個(gè)元素中包含一張圖片，在CSS中設(shè)置每個(gè)div元素的浮動(dòng)屬性為左（left）或右（right），這將使兩個(gè)div元素并排顯示。

HTML代碼示例：

<div class="image-container">
  <img src="image1.jpg" alt="Image 1">
</div>
<div class="image-container">
  <img src="image2.jpg" alt="Image 2">
</div>

CSS代碼示例：

.image-container {
  float: left; /* 或者設(shè)置為 right */
  width: 50%; /* 可根據(jù)需要調(diào)整 */
  margin-right: 10px; /* 可根據(jù)需要調(diào)整 */
}

2、使用Flexbox布局：

Flexbox布局是一種更現(xiàn)代且靈活的方式，可以輕松地實(shí)現(xiàn)元素的并排顯示，在CSS中，將父元素設(shè)置為Flex容器，然后設(shè)置子元素的寬度和間距。

HTML代碼示例：

<div class="flex-container">
  <div class="image-item">
    <img src="image1.jpg" alt="Image 1">
  </div>
  <div class="image-item">
    <img src="image2.jpg" alt="Image 2">
  </div>
</div>

CSS代碼示例：

.flex-container {
  display: flex; /* 設(shè)置為Flex容器 */
  justify-content: space-between; /* 設(shè)置子元素之間的間距 */
}
.image-item {
  width: 50%; /* 可根據(jù)需要調(diào)整 */
}

通過這兩種方式，你可以輕松地在CSS中設(shè)置div并排顯示圖片，選擇哪種方式取決于你的具體需求和布局需求。