从左侧居中列表

Question

我有一个包含相当大图像的无序列表。现在我想看看是否有任何css代码可以用来将该列表居中到第一张图片恰好出现在页面中间的位置？

看一下这张照片的意思：

http://i.stack.imgur.com/Nk7cZ.jpg

无论如何用css做到这一点？甚至是javascript？

Answer 1

看这里http://jsfiddle.net/ru79c/

我是通过计算体宽差异之间的余量来实现的 - 图像宽度除以左边距为2

EDIT 当窗口调整大小时，您可以重新计算，因此它始终保持居中。 http://api.jquery.com/resize/

var leftmargin = ($('body').width() - $('ul li').width()) / 2;
$('ul li:eq(0)').css({'margin-left':leftmargin + 'px'});
​