CSS3のフレックスは、コンポーネントの配置を変える便利な機能です。
アイテムのサイズや余白サイズが自動で配分されるので、アイテムサイズと余白の操作はとても重要です。
今回はアイテムサイズの操作方法です。いま、ほぼすべてのブラウザで対応しているので心配ありません。わかりやすく手順を追って説明します。
続きを読むHTMLとCSS
HTMLとCSSで困っている人のために情報を発信します。
HTMLはウェブサイトの構造化文書を定義し、CSSはその文書のスタイルを定義します。
どちらもプログラミングでないことに注意。（あくまで文書のフォーマット）
かんたんCSS3 order, フレックスアイテムの並びの順序を変える
CSS3では、フレックスで配置を変える方法がたった数行でできるようになりました。
そのほかにもいろいろなことができます。今回は、フレックスで配置されたアイテムの表示順を変える方法です。
2018/12現在、ほぼすべてのブラウザで対応しているので心配ありません。わかりやすく手順を追って解説します。
続きを読むかんたんCSS3, ぜんぶ解説。誰でも分かるflexの使い方
CSS3では、要素の配置を変える方法がたった数行でできるようになりました。
フレックスです。これで、ナビゲーション（メニュー、パンくずリスト）などはとてもかんたんに作れます。
Webアプリなど高度なコンポーネント配置の操作でも使えます。
そのフレックスの全機能を解説します。
続きを読むかんたんCSS3 flexを使ってコンテンツを自由に操ろう！
これまで、コンポーネントを横に配置するのは面倒でした。インラインを使ったりクリアしないといけなかったり。
CSS3ではたった数行でコンポーネントの配置を変えられます。
フレックスです。ナビゲーション（メニュー、パンくずリスト）などかんたんに作れます。
まずは、フレックスのシンプルな使い方から説明します。
続きを読むかんたんCSS3 flex, 1行に詰めたり折り返しを指定する
CSS3のFlexでは、ほんの数行でコンポーネントの配置を変えられるようになりました。
また配置だけでなく関係する細かい設定もたくさんあります。
今回はコンテンツの行詰め・折り返しの方法です。
2018/12現在、ほぼすべてのブラウザに対応しています。わかりやすく順を追って解説します。
続きを読むかんたんCSS3 flex, サクッと並びとその方向を変える方法
CSS3では、フレックスを使ってたった2行でコンポーネントの並びを変えられます。
もう『inline-block』『float』を使いません。フレックスでは配置以外にもいろいろな設定ができます。
今回は、フレックスの基本になる『並びとその方向を変える方法』を説明します。
続きを読む最近更新された記事
人気の記事
1週間の人気記事（IT）
1週間の人気記事（歴史）
1週間の人気記事（その他）
