在CSS中，可以使用多種方法將圖片居中于div元素中，以下是兩種常用的方法：

1、使用flexbox布局

Flexbox是一種靈活的布局方式，可以輕松實(shí)現(xiàn)圖片在div中的居中，將div元素的display屬性設(shè)置為flex，然后利用justify-content和align-items屬性分別控制水平和垂直方向上的對(duì)齊方式。

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

2、使用text-align屬性

另一種方法是利用text-align屬性將圖片居中于div中，這種方法適用于圖片作為文本內(nèi)容的一部分，將div元素的text-align屬性設(shè)置為center，然后將圖片作為文本內(nèi)容插入到div中。

.div-image-container {
  text-align: center;
}
<div class="div-image-container">
  <img src="image.png" alt="image">
</div>

需要注意的是，如果圖片的尺寸大于div元素的尺寸，那么圖片可能會(huì)超出div元素的邊界，可以使用max-width和max-height屬性限制圖片的尺寸，確保其適應(yīng)于div元素的尺寸。

.div-image-container {
  max-width: 100%;
  max-height: 100%;
}

還可以使用object-fit屬性對(duì)圖片進(jìn)行裁剪和調(diào)整，以確保其在div中居中顯示。

.div-image-container {
  object-fit: cover;
}

是CSS中實(shí)現(xiàn)圖片在div中居中的幾種方法，根據(jù)具體的布局需求，可以選擇適合的方法來(lái)實(shí)現(xiàn)圖片的居中顯示。