在HTML中,<div>
是一個用于分隔不同區域的標簽。而<img>
則是用于插入圖片的標簽。
如果我們想要將圖片放置在一個<div>
中,并且希望這個圖片在<div>
中居中,我們可以使用以下的代碼:
<div style="text-align:center;"> <img src="image.jpg" alt="我是一張圖片" /> </div>
以上代碼中,我們在<div>
標簽中使用了style
屬性,并將它的值設置為"text-align:center;"
,這樣就將所有text(包括圖片)都居中了。
此外,我們需要確保<img>
標簽沒有被<p>
標簽等其他標簽所包含,這樣才能使圖片居中。
如果你想讓圖片的寬度正好和<div>
標簽的寬度一樣,可以將<img>
標簽的width
屬性設置為"100%"
。
總結來說,想要在<div>
標簽中居中圖片,只需使用text-align:center;
屬性即可。代碼實現也十分簡單,只需將<img>
標簽直接放在<div>
標簽中即可。