jquery - CSS:Div 不会居中，而且大小奇怪

Question

我有一个 div我想使用 JQuery 将其置于屏幕中心，但它不起作用，这很奇怪，因为我将其他 divs 置于中心用同样的方法。

CSS:

#textLinks
{
    text-align:center;
}

JQuery:

$('#textLinks').css({
    position: 'absolute',
    left: ($(window).width()/2 - $('#textLinks').outerWidth()/2),
    top: ($(window).height()/2 + $('#ShapesWrapper').outerHeight()/2)
});

JSFiddle 链接:http://jsfiddle.net/j08691/8tvs8/9/
实际网页:http://sosco.ir/index2.html

Answer 1

你的 div 实际上是正确居中的。它只是在内联样式中有 margin-left: 87px。删除它，它会很好地居中。

你可以通过添加

$("#textLinks").css('margin-left','0px');

直接在您的 $('[id^=text]').css('margin-left', initX + 'px'); 代码之后。

DEMO