CSS Flexboxは、CSSによるレイアウト作成でよく使われるCSSのレイアウト手法です。 レイアウトを作成する方法は他にもCSS Grid Layoutや、inline-blockを使用する方法などがありますが、細かい所を自動で調整してくれたり、簡単にレイアウトを作成することができるというFlexboxの特徴から使用される頻度が高いです。 慣れてしまえば扱いやすいFlexboxですが、使い方に慣れるまで少し苦労することも多いですね。 そこで、今回はCSS Flexboxの使い方を分かりやすくご紹介していきたいと思います。 2021年版:Flexboxの対応ブラウザとベンダープレフィックスまとめ CSS FlexboxはCSSでレイアウトを組む時に使われる主要な手法の1つです。 しかし、比較的新しいレイアウト法なので、一部のバージョンが古いブラウザでは正しく表示されないという課題も抱え
![もう迷わない!CSS Flexboxの使い方を徹底解説 | Web Design Trends](https://cdn-ak-scissors.b.st-hatena.com/image/square/b15eae14c52dd3cd28325fe3fe4601fb357b877d/height=288;version=1;width=512/https%3A%2F%2Fwebdesign-trends.net%2Fwp%2Fwp-content%2Fuploads%2F2019%2F01%2Fflexbox-topimage.png)