HTML是一種用于創建網站的標記語言。在網站中展示圖片是非常常見的需求，而如何設置div居中顯示圖片也是我們經常需要掌握的技能。 要設置div居中顯示圖片，我們需要使用css來控制。下面我們將通過代碼演示的方式來講解這個過程。 首先，我們需要創建一個包含圖片的div。代碼如下：

<div class="container">
<img src="photo.jpg">
</div>

在這個代碼中，我們創建了一個class為“container”的div，并在其中插入了一張名為“photo.jpg”的圖片。 接下來，我們需要使用css來控制div的屬性，使其居中顯示。代碼如下：

.container {
display: flex; /* 設置為flex布局 */
justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */
}

這段代碼中，我們首先將div的display屬性設置為flex，然后使用justify-content屬性將圖片水平居中，使用align-items屬性將圖片垂直居中。 通過以上代碼，我們就可以輕松地將圖片居中顯示在div中了。 總結：要設置div居中顯示圖片，我們只需要在創建包含圖片的div后，使用css對其屬性進行控制即可。通過這種方式，我們可以讓我們的網站更加美觀大方，也可以提高用戶體驗。