CSS

WEB制作

flex まとめて指定

flex-growflex-shinkflex-basisflex-basisを省略すると0になる。
WEB制作

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

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

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

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

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

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

flex-orderの初期値

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