CSS中讓圖片在頁(yè)面居中可以通過(guò)多種方式實(shí)現(xiàn)，其中常見(jiàn)的方法是使用flex布局或者grid布局。

我們可以創(chuàng)建一個(gè)包含圖片的div元素，并給它一個(gè)類名，image-container”，在CSS中我們可以使用flex布局來(lái)讓圖片居中，我們可以給“image-container”添加以下CSS樣式：

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

這里的“justify-content: center;”表示圖片在水平方向上居中，“align-items: center;”則表示圖片在垂直方向上居中，這樣，圖片就可以在頁(yè)面中水平和垂直都居中了。

我們還可以使用grid布局來(lái)實(shí)現(xiàn)圖片居中，我們可以給“image-container”添加以下CSS樣式：

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

這里的“justify-content: center;”表示圖片在水平方向上居中，“align-content: center;”則表示圖片在垂直方向上居中，這樣，圖片就可以在頁(yè)面中水平和垂直都居中了。

需要注意的是，在使用flex布局或grid布局時(shí)，我們需要確保圖片的寬度和高度都被正確設(shè)置，否則圖片可能會(huì)因?yàn)槌叽邕^(guò)大或過(guò)小而無(wú)法正確居中，我們還需要注意頁(yè)面的其他樣式和布局，確保它們不會(huì)影響到圖片的居中效果。