【问题标题】:Centering a List from the Left从左侧居中列表
【发布时间】:2012-05-01 12:37:47
【问题描述】:

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

看看这张照片我的意思:

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

有没有办法用 css 做到这一点?甚至是javascript?

【问题讨论】:

    标签: javascript jquery css list centering


    【解决方案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'});
    ​
    

    【讨论】:

    • 应该提到它正在使用 javascript,以防您的解决方案中还没有它
    • 是的,我明白了。再次感谢您。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-03-30
    • 1970-01-01
    • 2014-05-12
    • 2015-02-22
    • 1970-01-01
    • 2021-05-19
    • 2015-02-21
    相关资源
    最近更新 更多