在CSS中，有很多種方法來實(shí)現(xiàn)圖片居中的效果。其中，使用text-align屬性是最常用的方法之一。我們可以將圖片放置在一個(gè)居中的塊元素中，并把塊元素的text-align屬性設(shè)為center。具體實(shí)現(xiàn)代碼如下：

.center {
text-align: center;
}
.center img {
display: inline-block;
}

以上代碼中，我們創(chuàng)建了一個(gè)名為.center的類，將text-align屬性設(shè)置為center，并且為圖片添加了display: inline-block屬性。通過inline-block屬性，圖片就可以在塊元素中居中顯示。

除了使用text-align屬性外，CSS還提供了其他一些方法來實(shí)現(xiàn)圖片居中的效果，例如使用flexbox布局、絕對(duì)定位和transform屬性等。

其中flexbox布局是目前最流行的實(shí)現(xiàn)圖片居中的方法，它可以通過justify-content和align-items屬性來控制元素在父容器中的水平和垂直位置。絕對(duì)定位和transform屬性則是有時(shí)候會(huì)用到的技巧方法，它們可以讓圖片相對(duì)于其父元素進(jìn)行定位，并且可以在不改變HTML結(jié)構(gòu)的情況下輕松修改圖片的位置。

總之，實(shí)現(xiàn)圖片居中的方法多種多樣，可以根據(jù)不同的需求靈活選擇。但是使用text-align屬性是最簡(jiǎn)單的方法，特別適合需要在不同的布局中垂直居中顯示圖片的情況。