フレックス– tag –
-
【flexbox】align-contentでwrapのかかった要素を配置変更する
flex-wrap で複数行にした要素を並び替えるプロパティ align-content を使ってみましょう。現在のレイアウトはフレックスボックスが主流です。ばっちり身に着けて、レス... -
【flexbox】flexwrapでアイテムを複数行に並べる方法
flexboxでは、並べられた各要素を一列に配置します。デフォルトの状態だと改行されずに各要素が小さくなって表示されてしまいます。今回ご紹介する flex-wrap は収まり... -
【flex-box】交差軸方向の配置を調整する方法
前回の記事では、フレックスボックスによるレイアウトの基本を解説しました。今回はもう一歩踏み込んで、さらに複雑な配置ができるようになることを目標に頑張ってみま... -
【flexbox】軸の方向を変更する方法【flex-direction】
レイアウトはフレックスボックスで行うと、特にレスポンシブ対応の際にいろいろと都合がよいです。ここではフレックスの「軸」について簡単に説明をしていきます。 【【... -
【flex-box】レイアウトをする方法と主軸方向の配置変更
HTMLとCSSを使ったレイアウトの方法にはいくつか種類があります。以前はfloatをつかった方法が主流でしたが、最近では今回ご紹介するフレックスボックスかグリッドレイ...
1