メモ：CSS3のdisplay:boxで中央寄せ – 我流天性 がらくた屋

メモ：CSS3のdisplay:boxで中央寄せ – 我流天性 がらくた屋

HTML5+CSS3に手をつけててハマったのでメモ。 3カラムのボックスを横並びにしようとして、CSS3の displa...概要を表示 HTML5+CSS3に手をつけててハマったのでメモ。 3カラムのボックスを横並びにしようとして、CSS3の display:boxを使ってみたら親要素を中央寄せできなかった。 環境はMac / Firefox 3.6.3。 ちなみにSafari4では大丈夫でした。 HTMLはこんなの。 CSSはこんな感じ。 [css] #container { display :box; margin: 0 auto; /* ←これが効かない */ width: 900px; } #container section { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 300px; } [/css] こう書いたらうま