如何將此幻燈片放置到頁面中心？

Question

我的工作在這裏網站：

http://bit.ly/1ianglg

我的問題是：是否有可能以定向整個滑塊頁的「中間」？我可以想到的一種方式是改變每個圖像，使每個圖像周圍都有一個空白的框架，基本上使它們都具有相同的大小（但是視覺上「居中」）......但是有沒有辦法做到這一點CSS？基本上，不管圖像大小如何，是否有辦法將每幅圖像的中心儘量靠近頁面中心？

謝謝！

Answer 1

我認爲最好的辦法是使圖像的DIV的背景圖像，並使用no-repeat center center讓它做硬起重：

.example { 
    background:url('url_of_the_image.png') no-repeat center center; 
} 

的jsFiddle with an example。唯一需要注意的是div的大小大於或等於最大的圖像。