将列表从左侧居中

Centering a List from the Left

本文关键字：列表更新时间：2023-09-26

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

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

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

有没有办法用CSS来做这件事？甚至是JavaScript？

> 看这里 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'});