2022-11-23

WEB制作

flex まとめて指定

flex-grow flex-shink flex-basis flex-basisを省略すると0になる。
WEB制作

flex-basis アイテムの幅、または高さを指定 デフォルトはauto

幅、または高さを指定。 ※幅なのか高さなのかは、flex-directionの指定によって変わる。カラム指定のときには高さ指定になる。 デフォルトはauto。 width(横並びの時)とflex-basisが両方指定されているときは、fle...
WEB制作

flex-shrink アイテムの縮み方を指定

flex-shrinkの初期値は1 アイテムの縮み方を指定する。 0にすると縮まない。 余った分を、flex-shrinkの合計数の分、等分する。指定した数の分だけ縮む。
WEB制作

flex-grow 余った余白を分け合う

余ったスペースを分け合う。 flex-growの合計数分、余白を等分。 余った余白の広さ分が、flex-growで指定した数の分、広がる。
WEB制作

flex-orderの初期値

flex-orderの初期値は0 小さい順に並ぶ マイナス指定も可能
スポンサーリンク