在CSS中，要使兩個div元素并排顯示圖片，可以使用多種方法，以下是一種簡單有效的方法：

1、使用Flex布局

Flex布局是一種強大的CSS布局工具，可以輕松實現(xiàn)元素的并排顯示，你可以將兩個div元素包裹在一個父元素中，然后為父元素設(shè)置Flex布局。

<div style="display: flex;">
  <div style="flex: 1;">圖片1</div>
  <div style="flex: 1;">圖片2</div>
</div>

在這個例子中，flex: 1使得兩個div元素具有相同的寬度和高度，你可以根據(jù)需要調(diào)整flex的值，以改變元素的寬度和高度比例。

2、使用Grid布局

Grid布局是另一種強大的CSS布局工具，也可以實現(xiàn)元素的并排顯示，你可以將兩個div元素放置在一個網(wǎng)格中，并為網(wǎng)格設(shè)置適當?shù)牧袛?shù)。

<div style="display: grid; grid-template-columns: 1fr 1fr;">
  <div style="grid-column: 1;">圖片1</div>
  <div style="grid-column: 2;">圖片2</div>
</div>

在這個例子中，grid-template-columns: 1fr 1fr將網(wǎng)格分為兩列，每列具有相同的寬度，你可以根據(jù)需要調(diào)整列的數(shù)量和寬度。

3、使用float屬性

float屬性也可以使兩個div元素并排顯示，你可以將兩個div元素設(shè)置為浮動元素，并使用clear屬性清除它們之間的間隙。

<div style="float: left; width: 50%;">圖片1</div>
<div style="float: right; width: 50%;">圖片2</div>
<div style="clear: both;"></div>

在這個例子中，兩個div元素分別設(shè)置為左浮動和右浮動，并使用width: 50%設(shè)置它們的寬度，使用clear: both;清除浮動間隙。

在使用float屬性時，需要注意清除浮動間隙，以避免影響頁面的其他布局。