「Flexboxは、どんなことができるのか、いまいち分かっていない。」 「Flexboxって、横並び機能のfloatやdisplayとどう違うの?」 CSSの学習を始めた人の中には、こう思う人もいるでしょう。Flexboxは、従来、javascriptや他のCSSプロパティを駆使しながら実現していた複雑なレイアウト設計を簡単に実現します。今後、設計の主流になる可能性が高く、確実に理解し、使いこなせるようにしておきたいものです。Flexboxの守備範囲は、ほかのCSSプロパティに比べて広いため、最初の学習コストはかかりますが、それだけの価値があります。これまでmarginやpaddingでの調整に苦労してきた方は、これを学ぶことで大きな安心感がうまれるはずです。 今回は、CSS3で導入されたFlexboxを初心者の方でもわかりやすいように説明します。 Flexboxとは? Flexboxとは
![【CSS】Flexboxの使い方を徹底解説!基本から実践まで(サンプルあり) | creive【クリーブ】](https://cdn-ak-scissors.b.st-hatena.com/image/square/77de7e56770455ebd7053ff472dda898167b45b6/height=288;version=1;width=512/https%3A%2F%2Fcreive.me%2Fwp-content%2Fuploads%2F2018%2F10%2Fflexbox-761x508.jpg)