動画

HTML&CSS

FlexBoxの使い方(4)〜display:inline-flexについて(動画あり)

シンプルなナビゲーションを作成する場合inline-flexは非常に便利に使えます。inline-flexを使用するとflexコンテナはflexアイテムの大きさに依存した幅になってくれますので、中央揃えなどが簡単になります。サンプルを使った説明をしますので参考にしてください。
HTML&CSS

FlexBoxの使い方(3)〜flexアイテムの順番を入れ替え(動画あり)

FlexBoxではorderプロパティでflexアイテムの並び順を変えることができます。また、flex-directionプロパティでrow-reverseやcolumn-reverseで逆順に並べることも簡単にできます。
HTML&CSS

FlexBoxの使い方(1)〜display:flexについて(動画あり)

通常フローしたブロック要素を横並びにするにはこれまでfloatプロパティを使用していましたが、その挙動は難しく入門者を困らせる関門でした。CSS3で定義されたFlexBoxの仕組みを使うと簡単に横並びのレイアウトが出来上がります。まずは簡単に横並びのレイアウトを作成してみましょう。
スポンサーリンク
タイトルとURLをコピーしました