
1.flex-shrink指的是當flex容器空間不足時候,單一元素的收縮比例。
2.不支援負值,預設值是1,也就是預設所有的flex子項都會收縮。如果設定為0,則表示不收縮,保持原始的寬度。
實例
// CSS部分.content{
display: flex;
width: 400px;
height: 200px;
border: 1px solid;
}
.left, .center, .right{
height: 200px;
}
.left{
width: 100px;
background-color: aqua;
}
.center{
width: 200px;
background-color: bisque;
}
.right{
width: 300px;
background-color: cadetblue;
}以上就是css中flex-shrink屬性的介紹,希望對大家有幫助。