javascript - 使用 Jquery 居中元素

Question

我试图让一个元素居中。元素可能会改变宽度，因此我不能使用 margin: 0 auto 的 CSS 方法。

这是我的代码:

$.fn.center = function() {
    $(this).css({
        'margin-left': ($(this).parent().innerWidth() - $(this).outerWidth()) / 2  + "px",
        'margin-right': ($(this).parent().innerWidth() - $(this).outerWidth()) + ($(this).outerWidth() / 2)  + "px"
    });   
};
$('#nav').center();

不幸的是，这不起作用。你能帮我弄清楚为什么吗？我应该使用绝对定位吗？

谢谢。

Answer 1

不需要这一切..

由于您要将子元素(li)设为内联 block ，只需将容器 #nav 设置为 text-align:中心.

并且根本不设置任何边距..