あけましておめでとうございます(もう遅い?) rockdです。 突然ですが皆さん、CSSで横並びのレイアウトを作るときはどんな方法でやってますか? ちょっと前だとfloatや、display:inline-block、display:tableなどを駆使した方法が思いつきますが、ここ最近ではFlexboxを使った新しいレイアウト方法が目につくようになってきました。 Flexbox自体は前からあり、仕様が色々と変わったりと不安定な時期が続いていましたが、それも最近やっと安定してきました。 IE以外のモダンブラウザでは対応が進んでいるので、実務でも使えるようになってきています。 今回はCSSのFlexboxでどういったことが出来るのかを説明していきたいと思います。 Flexboxとは 正しくは「CSS Flexible Box Layout Module」といいます。 CSS3から導入され、文
![floatはもう古い?Flexboxで作る簡単CSSレイアウト|NEWS|株式会社INDETAIL(インディテール)](https://cdn-ak-scissors.b.st-hatena.com/image/square/e5900a3d3897f0c09465e659bf1c2e71e69d51e0/height=288;version=1;width=512/https%3A%2F%2Fwww.indetail.co.jp%2Fwp-content%2Fuploads%2F2016%2F01%2Fflex_title.png)