`flex-shrink`屬性定義了項目的縮小比例，默認為1，即如果空間不足，該項目將縮小。 ~~~css .item { flex-shrink: <number>; /* default 1 */ } ~~~ 如果所有項目的`flex-shrink`屬性都為1，當空間不足時，都將等比例縮小。如果一個項目的`flex-shrink`屬性為0，其他項目都為1，則空間不足時，前者不縮小。負值對該屬性無效。 ~~~html <div class="box"> <div class="box-item shrink">1<div>(flex-shrink: 0)</div></div> <div class="box-item">2</div> <div class="box-item">3</div> <div class="box-item">4</div> <div class="box-item">5</div> </div> ~~~ ~~~css .box { display: flex; background-color: white; } .box-item { width: 200px; height: 200px; line-height: 200px; vertical-align: middle; margin: 5px; background-color: #ffd200; font-size: 100px; color: white; text-align: center; } .box-item div { font-size: 14px; position: relative; top: -150px; } .box-item { flex-shrink: 1; } .shrink { flex-shrink: 0; } ~~~