【发布时间】:2012-05-01 12:37:47
【问题描述】:
我有一个包含相当大图像的无序列表。现在我想看看是否有任何 css 代码可以用来将该列表居中到第一张图片正好出现在页面中间的位置?
看看这张照片我的意思:
http://i.stack.imgur.com/Nk7cZ.jpg
有没有办法用 css 做到这一点?甚至是javascript?
【问题讨论】:
标签: javascript jquery css list centering
我有一个包含相当大图像的无序列表。现在我想看看是否有任何 css 代码可以用来将该列表居中到第一张图片正好出现在页面中间的位置?
看看这张照片我的意思:
http://i.stack.imgur.com/Nk7cZ.jpg
有没有办法用 css 做到这一点?甚至是javascript?
【问题讨论】:
标签: javascript jquery css list centering
我只是通过计算身体宽度差异之间的边距来做到这一点 - 左边距图像宽度除以 2
编辑 当窗口也调整大小时,您可以重新计算它,因此它始终保持居中。 http://api.jquery.com/resize/
var leftmargin = ($('body').width() - $('ul li').width()) / 2;
$('ul li:eq(0)').css({'margin-left':leftmargin + 'px'});
【讨论】: