CSS是一種用于網頁設計和布局的語言，它可以讓我們輕松地控制網頁中的各種元素。其中有一個常見的問題是如何讓div中的圖片居中。

首先，我們需要創建一個包含圖片的div元素：

<div class="image-container">
<img src="example-image.jpg" alt="Example Image">
</div>

然后，我們可以使用以下CSS屬性來使圖片居中：

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

這個CSS代碼塊使用了Flexbox布局，將div元素作為Flex容器。其中，justify-content屬性和align-items屬性分別設置主軸和交叉軸上的對齊方式。

通過使用這些CSS屬性，我們可以輕松地讓div中的圖片居中，無論圖片的大小和div元素的高度。

總之，使用CSS使div中的圖片居中非常簡單。通過使用Flexbox布局和相應的樣式屬性，我們可以輕松地創建有吸引力的網頁設計。