Esnek kutunun daralmasını önleme

Question

büyüyen davranışı yararlı olduğundan, bir sayfayı düzenlemek için flexbox kullanıyorum. Ama davranışını daraltmayı tamamen engellemek isterim.

Her neyse bunu yönetmek için?

örnek kod:

<div class="flex-vertical-container"> 
    <div class="flex-box"> 
     This one should grow but not shrink 
    </div> 
    <div></div> 
    <div></div> 
</div> 

CSS .flex-box üzerinde 0 için flex-shrink özelliğini ayarlayarak

.flex-vertical-container { 
    display: flex; 
    flex-direction: column; 
} 

.flex-box { 
    flex: 1; 
} 

Answer 1

deneyin.

Answer 2

min-width kutucuğunu, kutunun mümkün olan en küçük değerini istediğiniz şekilde ekleyin. Flexbox, minimum genişliğin altındaki genişliği küçültmez.