javascript - 从左侧居中列表

Question

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

看看这张照片，我的意思是：

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

反正有没有用css做这个？甚至是javascript？

Answer 1

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

我只是通过计算身体宽度差异之间有多少边距来做到这一点 - 左边距图像宽度除以 2

编辑你可以在窗口调整大小时重新计算，所以它总是保持居中。 http://api.jquery.com/resize/

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