PR
スポンサーリンク

flex　まとめて指定

当サイトでは広告リンクを使用しています
  • flex-grow
  • flex-shink
  • flex-basis

flex-basisを省略すると0になる。

flex-grow　余った余白を分け合う
余ったスペースを分け合う。 flex-growの合計数分、余白を等分。 余った余白の広さ分が、flex-growで指定した数の分、広がる。
malpacaccia.com
2022.11.23
flex-shrink　アイテムの縮み方を指定
flex-shrinkの初期値は1 アイテムの縮み方を指定する。 0にすると縮まない。 余った分を、flex-shrinkの合計数の分、等分する。指定した数の分だけ縮む。
malpacaccia.com
2022.11.23
flex-basis　アイテムの幅、または高さを指定　デフォルトはauto
幅、または高さを指定。 ※幅なのか高さなのかは、flex-directionの指定によって変わる。カラム指定のときには高さ指定になる。 デフォルトはauto。 width（横並びの時）とflex-basisが両方指定されているときは、fle...
malpacaccia.com
2022.11.23
スポンサーリンク

コメント