在CSS中設(shè)置div居中顯示圖片，可以通過以下步驟實(shí)現(xiàn)：

1、為div元素設(shè)置寬度和高度，以便在居中圖片時(shí)有足夠的空間。

div {
  width: 300px;
  height: 200px;
}

2、將圖片設(shè)置為div元素的背景圖片，并使用background-position屬性將其居中顯示。

div {
  width: 300px;
  height: 200px;
  background-image: url('image.jpg');
  background-position: center;
}

3、如果圖片的大小與div元素的大小不匹配，可以使用background-size屬性調(diào)整圖片的大小。

div {
  width: 300px;
  height: 200px;
  background-image: url('image.jpg');
  background-position: center;
  background-size: cover;
}

4、確保div元素沒有其他樣式（如浮動(dòng)或定位）干擾其居中顯示。

div {
  width: 300px;
  height: 200px;
  background-image: url('image.jpg');
  background-position: center;
  background-size: cover;
  float: none; /* 確保沒有浮動(dòng) */
  position: static; /* 確保沒有定位 */
}

通過以上步驟，您可以在CSS中設(shè)置div元素居中顯示圖片。