在CSS中，將圖片居中顯示是一個常見的需求，以下是一些方法來實(shí)現(xiàn)圖片居中顯示：

1、使用flexbox布局

Flexbox是一種CSS布局模式，可以輕松實(shí)現(xiàn)元素的對齊，要將圖片居中顯示，可以將圖片所在的容器設(shè)置為flex容器，并使用justify-content和align-items屬性來控制圖片的位置。

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

2、使用grid布局

Grid布局也是一種可以實(shí)現(xiàn)元素居中的CSS布局模式，通過將圖片所在的容器設(shè)置為grid容器，并使用justify-content和align-items屬性來控制圖片的位置，也可以實(shí)現(xiàn)圖片的居中顯示。

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

3、使用position屬性

通過將圖片設(shè)置為***定位（absolute或fixed），并使用top、right、bottom、left屬性來控制圖片的位置，也可以實(shí)現(xiàn)圖片的居中顯示。

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

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