• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Flex - flex-grow/flex-shrink/flex-basis

Object Storage Arubacloud
0 głosów
1,195 wizyt
pytanie zadane 8 czerwca 2018 w HTML i CSS przez Jarver Użytkownik (820 p.)

Dzień Dobry! Tym razem mam pytanie o:

flex:1 0 10px;

Kolejno: flex-grow / flex-shrink / flex-basis

Mam pytanie jak te atrybuty maja się do siebie... Nie za bardzo rozumiem różnicę między nimi, gdyby ktoś miał czas i mógł mi to rozpisać wytłumaczyć będę mega wdzięczny. Pozdrawiam cieplutko Michał. ;)

2 odpowiedzi

+2 głosów
odpowiedź 8 czerwca 2018 przez sebeks Mądrala (5,300 p.)
Flex-basis to bazowa szerokość elementu (np. 200px)

Flex-grow wypełnia ponad szerokość elementu pustą przestrzeń gdy ma wartość 1, dla wartości 0 nie wypełnia pustego miejsca, dla wartości 2 wypełnia dwa razy szybciej pustą przestrzeń niż inne elementy z wartością 1

Flex-shrink to samo ale chodzi o zwężanie elementu. Wartość 1 pozwala zwężać, wartość 0 nie pozwala zmniejszać elementu, wartość np. 5 będzie kurczyć element 5 razy szybciej niż inne elementy ustawione na 1
komentarz 8 czerwca 2018 przez Jarver Użytkownik (820 p.)
Dziękuję za zwięzłe rozpisanie tego Sebastian :D myślę że grow i shrink już rozumiem to basis jest dla mnie jeszcze trochę niezbyt intuicyjne, może wyjdzie w praniu jak się tym bawić, ale bardzo dziękuję Ci za pomoc i zaangażowanie, jak by co będę pytał.
+1 głos
odpowiedź 8 czerwca 2018 przez pablop76 VIP (123,180 p.)
komentarz 8 czerwca 2018 przez Jarver Użytkownik (820 p.)
Dzięki bardzo, bardzo za ten link mega przydatny! :)

Podobne pytania

0 głosów
0 odpowiedzi 321 wizyt
pytanie zadane 8 listopada 2022 w HTML i CSS przez zbiku25 Gaduła (3,000 p.)
+1 głos
1 odpowiedź 789 wizyt
pytanie zadane 21 lipca 2021 w HTML i CSS przez Doge Gaduła (3,420 p.)
0 głosów
1 odpowiedź 387 wizyt
pytanie zadane 9 listopada 2020 w HTML i CSS przez rob Bywalec (2,440 p.)

92,757 zapytań

141,679 odpowiedzi

320,437 komentarzy

62,101 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...