如何在Polymer中設置flex-shrink：0

Question

目前，我的課程有以下代碼。我想製作flex-shrink: 0;怎麼做？ Documentation說--layout-flex-auto : Sets flex flex-basis to auto and flex-grow and flex-shrink to 1.

@apply(--layout-flex); 
@apply(--layout-vertical); 

Answer 1

CSS規則出現後覆蓋前面的規則，如果兩者具有相同specificity。

要從混入覆蓋flex-shrink值，只需將您的flex-shrink設置後混入：

<style> 
    .container { 
    @apply(--layout-flex); 
    flex-shrink: 0; 
    } 
</style>