在網頁設計中，很多時候我們需要把圖片進行居中顯示。當圖片的高度與寬度不一致時，我們可能只能使用JavaScript來實現。但是，如果圖片的高度與寬度一致，我們可以使用CSS來實現。下面我們來看一下具體的實現方法。

img{
display: block;  /*將圖片變成塊級元素*/
margin: 0 auto;  /*水平居中*/
vertical-align: middle;  /*垂直居中*/
}

在這個樣式中，我們使用了display: block來將img標簽變成塊級元素。這樣，我們才可以通過margin: 0 auto來讓圖片水平居中。

但是，使用這種方法只能實現水平居中，圖片的垂直居中還需要通過vertical-align屬性來實現。我們將vertical-align設置為middle就可以讓圖片垂直居中。

這種方法在圖片的高度與寬度一致的情況下非常實用。但如果圖片的高度與寬度不一致，情況就會變得復雜起來。這種情況下，我們需要使用JavaScript來實現圖片的上下居中。

總體來說，CSS實現圖片上下居中非常簡單實用。當然，在處理特殊情況時，我們還得借助JavaScript等技術來實現。