フレックスベーシスオートと0（ゼロ）の差

Question

これら2つの値の違いは何ですか？私は数多くの例を試してみただけで、まったく同じ結果が得られます... flex-basis: auto;と同じ結果が得られない例がありますか？flex-basis: 0;

Answer 1

「0」と「auto」flex-basisは数値が特定の幅として解釈されるため、ゼロは"width: 0"と同じになります（したがって、コンテンツが与えられたときに要素をできるだけ小さな幅に縮小します）。オーバーフローが隠されている場合は0になります。）

.f {display:flex} 
 
.zero {flex-basis: 0} 
 
.auto {flex-basis: auto}

<div class="f"> 
 
    <div class="auto">This is a child</div> 
 
</div> 
 

 
<div class="f"> 
 
    <div class="zero">This is a child</div> 
 
</div>