在CSS中，您可以使用多種方法將圖片居中顯示，以下是其中兩種常見的方法：

1、使用flexbox布局：

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

在這個(gè)例子中，圖片作為容器（container）的子元素，通過flexbox的justify-content和align-items屬性，可以將其水平和垂直居中。

2、使用grid布局：

.container {
  display: grid;
  place-items: center;
}

在這個(gè)例子中，圖片同樣作為容器的子元素，通過grid的place-items屬性，可以將其居中顯示。

這兩種方法都需要在HTML中正確設(shè)置容器和圖片的關(guān)系，您可能需要將圖片作為容器（container）的直接子元素，或者通過其他方式（如內(nèi)聯(lián)樣式或JavaScript）來動態(tài)設(shè)置圖片的位置，這些方法的效果可能會因?yàn)g覽器和版本的不同而有所差異，在實(shí)際應(yīng)用中，您可能需要根據(jù)具體情況進(jìn)行調(diào)整和優(yōu)化。