1. Flex-Schrumpfung bezieht sich auf das Schrumpfungsverhältnis eines einzelnen Elements, wenn der flexible Behälter keinen Platz mehr hat.
2. Negative Werte werden nicht unterstützt. Der Standardwert ist 1, was bedeutet, dass alle Flex-Elemente standardmäßig verkleinert werden. Wenn der Wert auf 0 gesetzt ist, bedeutet dies, dass keine Schrumpfung erfolgt und die ursprüngliche Breite beibehalten wird.
Beispiel
// CSS part.content{
Anzeige: Flex;
Breite: 400px;
Höhe: 200px;
Rand: 1 Pixel fest;
}
.left, .center, .right{
Höhe: 200px;
}
.links{
Breite: 100px;
Hintergrundfarbe: Aqua;
}
.Center{
Breite: 200px;
Hintergrundfarbe: Biskuit;
}
.Rechts{
Breite: 300px;
Hintergrundfarbe: Kadettenblau;
}Das Obige ist eine Einführung in das Flex-Shrink-Attribut in CSS. Ich hoffe, es wird für alle hilfreich sein.