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

1、使用margin: auto實(shí)現(xiàn)水平居中：

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

這種方法適用于塊級元素，如img標(biāo)簽，通過設(shè)置左右外邊距為auto，瀏覽器會自動計算并設(shè)置相等的左右內(nèi)邊距，從而實(shí)現(xiàn)水平居中。

2、使用transform: translate實(shí)現(xiàn)水平和垂直居中：

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

這種方法適用于需要同時實(shí)現(xiàn)水平和垂直居中的情況，通過設(shè)置position: relative，可以使得transform屬性生效，通過transform: translate(-50%, -50%)將元素向右和向下移動其自身寬度和高度的50%，從而實(shí)現(xiàn)居中，設(shè)置left: 50%和top: 50%可以確保元素在父元素中的位置正確。

3、使用Flexbox實(shí)現(xiàn)居中：

.container {
  display: flex;
  justify-content: center;
  align-items: center;
}
img {
  max-width: 100%;
  max-height: 100%;
}

這種方法適用于使用Flexbox布局的情況，通過設(shè)置.container為Flex容器，并設(shè)置justify-content: center和align-items: center，可以使得子元素在水平和垂直方向上居中，設(shè)置img的max-width和max-height為100%，可以確保圖片在容器中正確縮放并居中顯示。