在CSS中，要使圖片居中顯示，可以使用多種方法，以下是兩種常見(jiàn)的方法：

1、使用flexbox布局：

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

在這個(gè)示例中，圖片作為子元素，會(huì)被自動(dòng)居中到其父元素（即.container元素）的中心，這種方法適用于任何類型的元素，包括圖片。

2、使用CSS Grid布局：

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

同樣地，圖片作為子元素，會(huì)被自動(dòng)居中到其父元素（即.container元素）的中心，CSS Grid布局也提供了強(qiáng)大的對(duì)齊功能，可以輕松地實(shí)現(xiàn)元素的居中顯示。

這些方法都假設(shè)圖片是其父元素的***子元素，如果圖片與其他元素共享父元素，那么可能需要使用其他方法來(lái)確保圖片始終居中顯示，可以使用position屬性將圖片相對(duì)于其***近的定位祖先元素進(jìn)行定位。

為了確保圖片在各種設(shè)備和瀏覽器上都能正確顯示，建議在使用這些方法之前先測(cè)試一下兼容性，可以使用現(xiàn)代瀏覽器提供的***工具來(lái)查看元素的布局和樣式，以確保圖片能夠按照預(yù)期的方式居中顯示。