javascript - 从左侧居中列表

Question

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

看看这张图片，了解我的意思:

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

有没有办法用 css 做这个？甚至是 javascript？

Answer 1

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

我是通过计算 body width 的差值 - 图像宽度除以 2 的左边距之间的边距来做到这一点的

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

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