在網頁設計中，<div> 是一種常用的HTML元素，用于劃分頁面的不同部分，并為其應用特定的樣式。除了用于布局，<div> 還可以用于包裹圖片元素。通過使用<div> 圖片設置，我們可以輕松地對圖片進行大小、對齊和樣式等方面的調整。本文將通過幾個代碼案例來詳細解釋和說明如何使用<div> 圖片設置。
在第一個案例中，我們將演示如何使用<div> 設置圖片大小。通過設置容器的寬度和高度，我們可以輕松地調整圖片的尺寸。假設我們有一個寬度為500像素，高度為300像素的容器，我們可以通過以下代碼來設置圖片大?。?br>

<div style="width: 500px; height: 300px;">
<img src="image.jpg" alt="圖片" style="width: 100%; height: 100%;">
</div>

在上述代碼中，我們使用了<div> 元素來創(chuàng)建一個容器，并設置其寬度和高度為500像素和300像素。然后，我們使用<img> 元素來插入圖片，并通過設置其寬度和高度為100%來使其適應容器的大小。這樣，圖片將被自動調整為容器的大小，并保持其原始比例。
在第二個案例中，我們將展示如何使用<div> 對圖片進行居中對齊。通過設置容器的樣式和使用一些簡單的CSS代碼，我們可以實現(xiàn)水平和垂直居中對齊。以下是代碼示例：

<div style="width: 500px; height: 300px; display: flex; justify-content: center; align-items: center;">
<img src="image.jpg" alt="圖片">
</div>

在上述代碼中，我們使用<di