🚀 go-pugleaf

Dnia Fri, 2 Mar 2018 15:53:28 +0100, Marek S napisał(a):

> Czyli shrink i grow używamy jednocześnie?

Tak. Te własności otrzymują elementy flex, w tym przypadku niejawnie. I
uwaga na różnice w implementajach przeglądarek, lepiej wszystkie trzy
wartości ustawić jawnie. Bo IE/Safari mają swoje odpały.

> Jasne... zapomniałem wyłączyć paddingi (wszystkie ustawiam na 0). Teraz 
> pasuje co do piksela...ale pod warunkiem, że flex-basis = 0. Przy 
> ustawieniu 200px wszystkie komórki stają się równe. Ignorowana jest 
> wartość grow ustawiona na 2 dla jednej z nich. Ki diabeł?

Wartość bazowa przekracza to, co masz do dyspozycji na ekranie, wiec ta
jedna komórka nie ma gdzie rosnąć. Jeśli ustawisz basis odpowiednio
mniejsze, to wszystko się zacznie układać.

> A wątek utworzyłem bo właśnie nie mogłem tego znaleźć w dokumentacji:
> 
> http://www.w3.org/TR/css-flexbox-1/#item-margins
> 
> Ten akapit jest zupełnie niejasny dla mnie. Piszą o procentach, nic nie 
> mówią o wpływie basis. Skąd masz informacje na ten temat? 

Z praktyki. Flexbox trochę się "na czuja" stosuje ;)

Ciebie bardziej interesuje to:
https://www.w3.org/TR/css-flexbox-1/#line-sizing

-- 
Borys Pogoreło
borys(#)leszno,edu,pl