在HTML中，使用div作為一個(gè)容器，可以對(duì)其中的內(nèi)容進(jìn)行布局調(diào)整。設(shè)置圖片在div中居中，可以采用以下三種方法：

/*
第一種方式：
設(shè)置圖片的margin-left和margin-right屬性均為auto，并將img元素的display屬性設(shè)置為block
*/
<div class="container">
<img src="xxx.png" style="display:block; margin-left:auto; margin-right:auto;">
</div>
/*
第二種方式：
將圖片設(shè)置為背景，使其在div中居中
*/
<div class="container" style="background:url(xxx.png) no-repeat center center / contain;"></div>
/*
第三種方式：
通過flex布局，使圖片在div中居中
*/
<div class="container" style="display:flex; justify-content:center; align-items:center;">
<img src="xxx.png">
</div>