flex-flow | ただ屋ぁのブログ

かんたんCSS3, ぜんぶ解説。誰でも分かるflexの使い方

CSS3では、要素の配置を変える方法がたった数行でできるようになりました。

フレックスです。これで、ナビゲーション（メニュー、パンくずリスト）などはとてもかんたんに作れます。

Webアプリなど高度なコンポーネント配置の操作でも使えます。

そのフレックスの全機能を解説します。

CSS3のFlexでは、ほんの数行でコンポーネントの配置を変えられるようになりました。

また配置だけでなく関係する細かい設定もたくさんあります。

今回はコンテンツの行詰め・折り返しの方法です。

2018/12現在、ほぼすべてのブラウザに対応しています。わかりやすく順を追って解説します。

CSS3では、フレックスを使ってたった2行でコンポーネントの並びを変えられます。

もう『inline-block』『float』を使いません。フレックスでは配置以外にもいろいろな設定ができます。

今回は、フレックスの基本になる『並びとその方向を変える方法』を説明します。