javascript - 要素を中央に配置するにはどうすればよいですか

Question

重複の可能性:
CSS を使用して <div> を水平方向に簡単に中央揃えするにはどうすればよいですか?

http://jsfiddle.net/rehan008/s5eEf/ こちらをご参照ください。

すべてのショートカットを中央揃えにしたいのですが、最後の行は左に揃える必要があります。アイデアがあれば共有してください。

Answer 1

のすべてのdiv子に.shortcut、最後のマージンを除く中央マージンを設定します。

.shortcut > div {
    margin: 0 auto;
}

.shortcut:last-child > div {
    margin: 0;
}

フィドルを更新する

Answer 2

このスタイルを CSS に追加して確認します。私はそれがあなたのために働くことを願っています

td { text-align:center; }

Answer 3

各 div を中央揃え (および行自体) にするには、これが要件の解釈方法です。.shortcut css スタイルを次のように変更できます。

.shortcut{
    border: 1px solid red;
    height:65px;
    width:45px;
    display:block;
    margin:5px auto;
}

最後のショートカットを左揃えにするには、別のスタイルを指定するだけです。

   .lastShortcut{
        border: 1px solid red;
        height:65px;
        width:45px;
        display:block;
        margin:5px 0px;
    }