HTML i CSS · Middle · Pytanie 3 z 75
Do czego rozwija się skrót flex: 1?
- ✓Poprawna odpowiedź:
flex-grow: 1; flex-shrink: 1; flex-basis: 0% - 2
flex-grow: 1; flex-shrink: 0; flex-basis: auto - 3
flex-grow: 1; flex-shrink: 1; flex-basis: auto
Wyjaśnienie
flex: 1 = 1 1 0%: rozmiar bazowy jest zerowy, więc całe miejsce dzieli się ściśle proporcjonalnie do flex-grow - kolumny są równe niezależnie od treści. flex: auto = 1 1 auto - dzielona jest tylko wolna przestrzeń ponad rozmiar treści. flex: none = 0 0 auto.