Javascript 将列表从左侧居中

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

看看这张照片，了解我的意思：

是否有任何方法可以使用css来实现这一点？甚至javascript？

看看这里

我只是通过计算身体宽度-图像宽度之差除以左边缘的2得到了多少边距

编辑 当窗口也调整大小时，您可以重新计算，使其始终保持居中

---

应该提到它使用javascript，以防你的解决方案中没有它yetYessir我知道了。再次感谢你。

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