在CSS3中，要使div中的圖片居中顯示，可以使用多種方法，以下是一些常見的技巧：

1、使用flexbox：將div設(shè)置為flexbox容器，并使用align-items: center和justify-content: center屬性將圖片居中。

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

2、使用grid：將div設(shè)置為grid容器，并使用align-items: center和justify-content: center屬性將圖片居中。

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

3、使用position：將div設(shè)置為相對(duì)定位（position: relative），然后使用***定位（position: absolute）將圖片居中。

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

4、使用text-align：將div的text-align屬性設(shè)置為center，然后將圖片作為塊級(jí)元素放置在其中。

div {
  text-align: center;
}
img {
  display: block;
}

5、使用margin：通過(guò)調(diào)整圖片的margin屬性，使其水平居中，這種方法適用于已知圖片尺寸的情況。

img {
  margin-left: auto;
  margin-right: auto;
}

6、使用padding：通過(guò)調(diào)整div的padding屬性，使圖片在垂直方向上居中，這種方法適用于已知圖片尺寸的情況。

div {
  padding-top: 50%; /* 假設(shè)圖片高度為div高度的50% */
}
img {
  position: relative; /* 確保圖片相對(duì)于div定位 */
}