在CSS中，可以使用多種方法將圖片在div中居中顯示，以下是兩種常見的方法：

1、使用flexbox布局

Flexbox是一種靈活的布局方式，可以輕松實現(xiàn)圖片在div中的居中顯示，具體步驟如下：

將div設(shè)置為flex容器，即設(shè)置display屬性為flex。

將圖片設(shè)置為flex項，即設(shè)置display屬性為flex。

使用justify-content屬性將圖片在div中水平居中。

使用align-items屬性將圖片在div中垂直居中。

示例代碼如下：

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

2、使用position和transform屬性

另一種方法是使用position和transform屬性，具體步驟如下：

將div設(shè)置為相對定位，即設(shè)置position屬性為relative。

將圖片設(shè)置為***定位，即設(shè)置position屬性為absolute。

使用top和left屬性將圖片在div中水平居中。

使用transform屬性中的translateY和translateX將圖片在div中垂直居中。

示例代碼如下：

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

無論哪種方法，都可以實現(xiàn)圖片在div中的居中顯示，具體使用哪種方法取決于你的需求和布局情況。