如何将此幻灯片定位到页面中心？

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的大小大于或等于最大图像。