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屬性的介紹,希望對大家有幫助。