あけましておめでとうございます(もう遅い?) rockdです。 突然ですが皆さん、CSSで横並びのレイアウトを作るときはどんな方法でやってますか? ちょっと前だとfloatや、display:inline-block、display:tableなどを駆使した方法が思いつきますが、ここ最近ではFlexboxを使った新しいレイアウト方法が目につくようになってきました。 Flexbox自体は前からあり、仕様が色々と変わったりと不安定な時期が続いていましたが、それも最近やっと安定してきました。 IE以外のモダンブラウザでは対応が進んでいるので、実務でも使えるようになってきています。 今回はCSSのFlexboxでどういったことが出来るのかを説明していきたいと思います。 Flexboxとは 正しくは「CSS Flexible Box Layout Module」といいます。 CSS3から導入され、文