css - CSS: 下部固定メニューを中央揃えにする方法

Question

ページの下部中央に固定したいメニュー ストリップを作成しました。私はすべてを試しました。CSSでこれを行う方法はありますか？メニューをページの下部に固定するようにしました

下：0px 位置：固定

しかし、使用して

margin: auto auto 0px auto または margin-left: auto

メニューを中央に配置していないようです。ページの左側にくっついています。どんな考えでも大歓迎です！

Answer 1

50％の左プロパティと、フッターの幅の半分に等しい負の左マージンを使用できます。

http://jsfiddle.net/N7MB5/

#footer {
    width: 600px;
    position: fixed;
    bottom: 0;
    left: 50%;
    margin-left: -300px;
}

Answer 2

#myElemId {
    width: 100px;
}

固定幅に注意してください。これは機能するために不可欠ですmargin: auto。これで解決しない場合は、他の場所に問題があるはずです。

編集：これも必要です（jQuery）：

$("#myElemId").css({
    left: window.innerWidth/2 - $(this).css("width")/2
});

これにより、CSSコードの残りの部分を更新しなくても、幅を好きなように設定できます。