今天我們來講一下如何使用CSS居中DIV顯示圖片。
首先，我們需要先創建一個DIV標簽，并在其中插入一張圖片。代碼如下所示：

<div class="container">
<img src="https://example.com/image.jpg" alt="example" />
</div>

接下來，我們需要給這個DIV添加樣式，使之可以居中顯示。我們可以使用以下代碼實現這一效果：

.container {
display: flex;
justify-content: center;
align-items: center;
}

這段代碼使用了flex布局，使用justify-content和align-items屬性將圖片水平和垂直居中。其中，justify-content可以控制flex子元素在主軸上的對齊方式，而align-items可以控制flex子元素在交叉軸上的對齊方式。
最后，我們需要將圖片的寬度設置為100%以適應DIV的寬度。代碼如下所示：

.container img {
width: 100%;
}

這樣，我們就完成了圖片居中顯示的效果。
綜上所述，使用CSS居中DIV顯示圖片并不難，只需要使用flex布局和適當的樣式即可。希望本篇文章能對你有所幫助。