CSS3の「フレキシブルレイアウト」使い方まとめ フラップイズム

どうも、くーへいです。 今回は「レスポンシブデザイン」での使用が想定される、「フレキシブルボックス」についてまとめてみたいと思います。 なお、本記事は「CSS Flexible Box Layout Module Level 1」の2014年5月22日付けの編集者草案（Editor’s Draft）を基に作成しています。 また、「CSS Flexible Box Layout Module Level 1」は未だに策定中であり、現在は2014 年3月25日付の最終草案（Last Call Working Draft）が最新仕様です。 2014年5月22日付けの編集者草案は、2014 年3月25日付の最終草案に微修正を加えたものです。 最初にブラウザの対応状況について注意点 「フレキシブルボックス」で検索すると、いくつかの素晴らしい記事が出てきますが、中には古い記事が多く含まれています。 「

[Hi32]

display:flex、display:inline-flex関係

[naga_sawa]

フレキシブルボックス

[mut00tum]

フレキシブルレイアウト。

[kussun]

display:flex、display:inline-flex の解説。IE10以下を切り捨ててもいい状況になるまで使わないと思う。

[Nyoho]

flex

[akira_maru]

Flexible

[XIAORING]

flex

[futoshi0620]

css flex

[north_korea]

これ使ってるけどめっちゃ便利やぞ

[msukasuka]

IE8のシェアがまだまだなんですが…

[mushus]

とても参考になる！

[shotawatanabe]

IE6が死んでからというもの、7,8,9と死ぬスピードが一気に加速度的に上がって、来年にはUS系のプラットフォーマーは10 overサポートとかになるんじゃないかって思うくらいの状況・・・

[heniha]

ベンダープレフィックスのところで死のう感ある…

[vlxst1224]

フレックスタイム(願望)

[yfnt]

CSS3の「フレキシブルレイアウト」使い方まとめ

[winterfall]

floatのかわりに使えるし、使えればそれ以上に便利

[unko1973]

“CSS3の「フレキシブルレイアウト」使い方まとめ”

[Sips]

flex

[tact_tomi]

display:flex;

[yoshiko_pg]

色々見た中で一番わかりやすい

[tomoworks]

そうだったんかー！

[akiyoshi83]

大変分かりやすい。

[nonylene]

便利だ

[k_ume75]

IE9までは「未対応」/フレキシブルレイアウト便利そうだから早く使いたいなー

[kool_kreate]

flexまわり

[ntaoo]

Flexboxはもう使っても大丈夫なのだろうか。Safariの対応が心配。