CSS3中，可以使用多種方法使div中的圖片居中，以下是一些常用的方法：

1、使用flexbox布局

Flexbox是一種CSS布局模式，可以輕松地使元素在容器中居中對齊，要使div中的圖片居中，可以將div設(shè)置為flexbox容器，并使用align-items和justify-content屬性控制圖片的對齊方式。

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

2、使用grid布局

CSS Grid是一種二維布局系統(tǒng)，適用于創(chuàng)建復(fù)雜的網(wǎng)頁布局，要使div中的圖片居中，可以將div設(shè)置為grid容器，并使用place-items屬性控制圖片的對齊方式。

.div {
  display: grid;
  place-items: center;
}

3、使用position屬性

通過將div設(shè)置為相對定位（relative）或***定位（absolute），并使用left和top屬性控制圖片的位置，也可以使div中的圖片居中。

.div {
  position: relative;
}
.img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

4、使用text-align屬性

通過將div的text-align屬性設(shè)置為center，也可以使div中的圖片居中，這種方法適用于將圖片作為文本內(nèi)容的一部分。

.div {
  text-align: center;
}

這些方法的使用取決于具體的布局需求和瀏覽器支持情況，確保在使用之前先了解清楚。