在圖片縮略圖列表當中，往往會遇到寬度、高度不同的圖片，在等比例縮放的情況下，如何能夠讓圖片在DIV中垂直或者水平居中呢？下面就介紹css的方法。
如圖：
這里，我們不考慮IE低版本的瀏覽器。主要針對于Chrome、Safari和高版本的IE內核瀏覽器。
代碼如下：
.thumb{ width:120px; height:120px; border:1px solid #ccc; display:table-cell;/*最重要*/ vertical-align:middle;/*設置水平居中*/ }
.thumb img{ border:none; max-width:100%; max-height:100%; display:block; margin:auto;/*設置垂直居中*/ }
.thumb img{ border:none; max-width:100%; max-height:100%; display:block; margin:auto;/*設置垂直居中*/ }