flex-flow

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

css3 image

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

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

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

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

続きを読む

かんたんCSS3 flex 1行に詰めたり折り返しを指定する

css3 image

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

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

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

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

続きを読む

かんたんCSS3 flex サクッと並びとその方向を変える方法

css3 image

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

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

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

続きを読む