HTML und CSS · Middle · Frage 55 von 75
Warum gibt man einem Icon in einer Flex-Zeile mit langem Text flex-shrink: 0?
- 1Damit das Icon nicht in die nächste Zeile umbricht
- 2Damit das Icon immer ein perfektes Quadrat wird
- 3Damit das Icon nicht gequetscht wird, wenn der Platz knapp wird
Antwort zeigen
Richtige Antwort: Damit das Icon nicht gequetscht wird, wenn der Platz knapp wird
Erklärung
Flex-Items schrumpfen standardmäßig (flex-shrink: 1). Elemente fester Größe wie Icons und Avatare sollten sich davon ausnehmen, während der Text min-width: 0 bekommt, um abgeschnitten zu werden.