2017-11-05 1 views
0

Was ist der Unterschied zwischen diesen beiden Arten ist:Unterschied zwischen Flex wachsen und Flex schrumpfen

.style1 { 
    flex-shrink: 0; 
} 

.style2 { 
    flex-grow: 1; 
} 

Wenn ich die Bieger wachsen auf 1 setzen, bedeutet dies, dass das Element schrumpfen nicht, und umgekehrt, oder?

Vielen Dank.

+0

Was? Das ist nicht die gleiche Frage! @LGSon - " –

+0

Hinzugefügt einen zweiten Link und aktualisiert die erste – LGSon

+0

Auch muss die Frage nicht gleich sein, es ist, wenn eine Antwort beide Fragen beantworten kann. – LGSon

Antwort

-1

Einstellung 'flex-grow: 1' ist der Standardwert, der es einem Element ermöglicht, die Breite gleichmäßig zu erhöhen.

Einstellung 'flex-shrink: 0' bedeutet, dass die Elementbreite reduziert werden kann, wenn andere Geschwister eine größere Breite haben.

Gut lesen: https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Verwandte Themen