html - マージンの作成方法: 0px auto は、フローティング div にラップされたコンテナーに対して機能します

Question

1 つのコンテナー (#inner) をラップするコンテナー (#out) があり、それ自体がフローティングしているいくつかのコンテナー (#innest) をホストしています。

幅を指定すると、margin: 0px auto のみがコンテナー #inner を中央に配置するのはなぜですか? どうすればそれを回避できますか? .innest の数が異なる場合があるため、#inner の固定幅を設定できません。

http://jsfiddle.net/dyyes/ => 動作しない http://jsfiddle.net/dyyes/1/ => 固定幅で動作

どうもありがとう！

Answer 1

フィドルの動作を確認してください。

http://jsfiddle.net/dyyes/8/

#inner
{
    text-align:center;    
    border: 1px solid #C00;
}
.innest{
    display: inline-block;
}

Answer 2

このtext-align:center;ように使う