position: absolute; の指定で要素が上下左右中央配置になる理由

人様の人気エントリーに乗っかる感じで恐縮ですが、「CSSで block 要素を上下左右中央寄せにする、イマドキの方法。 ： バシャログ。」 という記事が話題になっていたので、なんでその指定で上下中央配置になるのか補足してみます。 詳しい話は下記のリンク先をご覧ください。 CSSでblock要素を上下左右中央寄せにする、イマドキの方法。 ： バシャログ。 何でこういうことを書くかというとですね、例えば CSS でこういう指定をするとこう表示されるっていう話に関しては、仕様書を基準に話して欲しいのです。 「なんかよくわからないけどこういう風に書いたらこういう表示になった。よかったね」 で終わらせるのは個人の自由ですが、仕様書を基になぜそうなるのかの根拠を知るとより一層理解が深まると思いますので。 なので余計なお世話なんですが、下記に小難しく書きます。 解説のためのサンプルソース 例えば、下記の

[toaruR]

仕様書どおりに動くとは限らない世界なので、むしろ実際の挙動こそが正義

[y-kawaz]

スッキリ！素晴らしい解説だ。

[n314]

仕様にない動作だと(かなり)近いうちにchromeとかが動作変えちゃうかもしれんしなー。中の要素の幅を動的にするのは無理なのか。

[nibushibu]

素晴らしい解説。

[quanon]

例え仕様書通りに動かないことがあっても、こういう解説はとてもありがたいです！

[uss267]

どうしてそうなるのか仕様把握は大事。

[ytabuchi]

"例えば CSS でこういう指定をするとこう表示されるっていう話に関しては、仕様書を基準に話して欲しいのです。"

[fusionstar]

「CSS の仕様を正しく解釈するブラウザ上では」これな。

[k3akinori]

何かイレギュラーをやっているような気がしてスルーしてた。こういう記事はありがたい。

[hujuu]

“width: 300px; height: 300px;”

[suquiya0]

ほむ。

[aoiasaba]

これさっきからいじくってたらうまくいったんだけど、理由が説明できないのであとで読む。

[UDONCHAN]

丁寧な解説だ

[efcl]

`margin: 0 auto;`など中央寄せがどのような仕様で成り立っているかを解説されてる。

[tyru]

仕様をあたっている詳細な解説

[taguchi_ryuji]

“これも上下中央ではなく、上寄せになります。”

[koyancya]

辛い...

[zuborawka]

もやもやしてたのがすっきりした。有難うございます。

[nobuoka]

`margin: auto;` で中央配置になったりならなかったりする理由。 わかりやすい。

[hedeyoshi]

なるほどなー（よくわかってない）

[chott]

[]

[ryo_n574]

これを使っても、横幅可変でフリーフローのテキストを縦中央に配置するのはできない

[wims_Tea]

ちょー納得。

[k_gobo]

こういうの本当にありがたい。/仕様書読めばいいのはわかるんだけど、英語版も日本語版も日本語でおｋ的なことが多くて。

[mabots]

うむ

[kumeuchi]

CSS position: absolute

[tomo_thumb]

“CSSで block 要素を上下左右中央寄せにする、イマドキの方法。 ： バシャログ。”

[inureo]

いまどきの上下左右中央配置

[poppun1940]

人様の人気エントリーに乗っかる感じで恐縮ですが、「CSSで block 要素を上下左右中央寄せにする、イマドキの方法。 ： バシャログ。」 という記事が話題になっていたので、なんでその指定で上下中央配置になるのか補足

[mushus]

なるほどー、なんかわかった気がする

[cachico]

position: absolute; の指定で要素が上下左右中央配置になる理由

[kadzuya]

仕様書解説。すごく参考になる。

[HHR]

「CSSで block 要素を上下左右中央寄せにする、イマドキの方法。」の動作原理解説

[interstella]

あとでね

[JD30671011]

あとで