flex-basis
from
CSS: Flexbox
Flex Item
に指定する
Flex Item
の基準の幅(
hypothetical main size
)になる
flex-basis
のサイズがdefault値になり、
そこからさらに
flex-grow
や
flex-shrink
が加味されることで最終的な幅が決定する
flex-basisとwidth/heightの違い
flex-basis
と併用して
width
を指定すると、
width
は無視される
flex itemの幅は、
content幅→
width
→
flex-basis
の順で決まる
つまり、
flex-basis
の値が優先される
ただし、
max-width
や
min-width
は尊重される
これは
height
についても同様
値
auto
default
Flex Item
の内容に合わせて自動的に幅が指定される
どういうロジックなのか
#??
%
Flex Container
の幅に対する割合
数値+単位(emなど)