jquery - CSS: Div が中央に配置されず、サイズがおかしい

Question

JQueryを使用してdiv画面の中央に配置したいのですが、機能しません。同じ方法で他の中央に配置したため、うまくいきません。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/
実際の Web ページ: http://sosco.ir/index2.html

Answer 1

あなたのdivは実際には正しく中央に配置されています..margin-left: 87pxインラインスタイルになっているだけです。これを取り除くと、中央がきれいになります。

追加することでこれを行うことができます

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

$('[id^=text]').css('margin-left', initX + 'px');コードの直後。

デモ

Answer 2

jQuery から次の行を削除します。

$('[id^=text]').css('width', x * 2 + 'px');
$('[id^=text]').css('margin-left', initX + 'px');

jsFiddle の例

または、div を狭くしたい場合は、$('[id^=text]').css('width', x * 2 + 'px');

更新:さらに簡単な解決策は、この行を変更することです:

$('[id^=text]').css('margin-left', initX + 'px');

これに：

$('[id^=text]').not('#textLinks').css('margin-left', initX + 'px');

jsFiddle の例

Answer 3

交換してみてください：

$('[id^=text]').css('margin-left', initX + 'px');

為に：

$('[id^=text]', '#TextWrapper').css('margin-left', initX + 'px');