flexboxの旧仕様、改定仕様、現行仕様の一覧 « NAVER Engineers' Blog

暑さもやわらいできたような気配がしてきました。皆様いかがお過ごしでしょうか。 久しぶりのブログ更新です。UIT 富田です。 今回はCSSでのレイアウトをより柔軟にしてくれるflexboxについて解説します。 flexboxは大幅な仕様の変更が過去に2度もあり、各ブラウザとそのバージョンによって実装している仕様が異なるため、後方互換をきっちり対応しようとすると、gradientと並んで2大考えるのをやめたくなるプロパティとなっております。 しかしflexboxを利用することで、現時点ではCSSだけでの対応が難しかったり、複数のプロパティを複雑に組み合わせる必要があるレイアウト（例えば一番大きい高さに揃えた要素を横に並べたり、子要素を上下左右中央位置したりといったもの）が、容易に利用できるようになるという大きなメリットもあり、使えるならば使っていきたいプロパティでもあります。 にも関わらずf

[koba789]

これはよい

[grfxdsgn]

“justify-content”

[ms0924]

このプロパティの威力すごい。とりあえずbox仕様は覚えなくてもええかな。

[gx9901dx]

はい、ゲンナリしました

[glass-_-onion]

このまとめはありがたい

[tanomu]

互換性や整合性などの言葉が虚しい。ＩＴ業者ですね。

[k_ume75]

flexboxの仕様まとめ。ゲンナリｗ

[site159]

flexboxまとめ

[coldcup]

便利そうだけどまだ仕様が不安定 cf. http://liginc.co.jp/web/html-css/css/21024

[field_combat]

プリフィックスはプリプロセッサ使えばいいけど、動作確認が面倒だな

[saladdays]

boxのまとめ

[takc923]

これは良いまとめ

[efcl]

flexboxの仕様変更の歴史。(3つの段階) flexboxコンテナとアイテム、各種プロパティの解説

[kojika17]

素晴らしいまとめ｜flexboxの旧仕様、改定仕様、現行仕様の一覧 « NAVER Engineers' Blog