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

1、使用flex布局：

Flex布局是一種非常強(qiáng)大的布局方式，可以輕松地實(shí)現(xiàn)圖片居中顯示，你可以將圖片所在的容器設(shè)置為flex布局，并使用justify-content和align-items屬性來控制圖片的位置。

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

2、使用grid布局：

Grid布局是另一種強(qiáng)大的布局方式，也可以實(shí)現(xiàn)圖片居中顯示，你可以將圖片所在的容器設(shè)置為grid布局，并使用justify-content和align-content屬性來控制圖片的位置。

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

3、使用position屬性：

你還可以使用position屬性來控制圖片的位置，你可以將圖片設(shè)置為***定位，并使用top和left屬性來控制圖片的位置。

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

4、使用CSS transform屬性：

CSS transform屬性可以用來對(duì)元素進(jìn)行變換，包括移動(dòng)、旋轉(zhuǎn)等，你可以使用transform屬性中的translate函數(shù)來控制圖片的水平方向和垂直方向的移動(dòng)。

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

是幾種常用的方法來實(shí)現(xiàn)圖片居中顯示，你可以根據(jù)自己的需求和實(shí)際情況來選擇***適合的方法。