html - 完全に中央揃え (レスポンシブ?) div

Question

完全に中央揃え/レスポンシブな div を作成したい。

どうすればそれについて行くでしょうか？通常、物を移動するには、それらをフロートするか、position: absolute; を使用しますが、一般的に物を移動するのではなく、ブラウザー ウィンドウに関連して移動したいと考えています。

Answer 1

これにより、div が水平方向に中央揃えになります。

#yourDiv {
    margin: 0 auto;
}

Answer 2

margin: auto;レスポンシブな垂直/水平センタリングの絶対配置と一緒に使用できます。

<section></section>

section {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: #f4d4c4;
    height: 100px; /* The only caveat is there needs to be a height defined */
    margin: auto;
    width: 100px;
}

例: http://jsfiddle.net/uLDVM/

Answer 3

これは私が使用するものです。

.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}