eGospodarka.pl
eGospodarka.pl poleca

eGospodarka.plGrupypl.comp.wwwCSS, jak działa flex-grow? › Re: CSS, jak działa flex-grow?
  • Path: news-archive.icm.edu.pl!news.icm.edu.pl!newsfeed2.atman.pl!newsfeed.atman.pl!.P
    OSTED!not-for-mail
    From: Marek S <p...@s...com>
    Newsgroups: pl.comp.www
    Subject: Re: CSS, jak działa flex-grow?
    Date: Fri, 2 Mar 2018 15:53:28 +0100
    Organization: ATMAN - ATM S.A.
    Lines: 38
    Message-ID: <p7bohb$2hg$1@node2.news.atman.pl>
    References: <p76gjt$gee$1@node1.news.atman.pl>
    <an5v1zww58d7$.12my1ecn4cx4g.dlg@40tude.net>
    <p78plj$mjk$1@node1.news.atman.pl>
    <1...@4...net>
    NNTP-Posting-Host: 89-69-207-111.dynamic.chello.pl
    Mime-Version: 1.0
    Content-Type: text/plain; charset=utf-8; format=flowed
    Content-Transfer-Encoding: 8bit
    X-Trace: node2.news.atman.pl 1520002411 2608 89.69.207.111 (2 Mar 2018 14:53:31 GMT)
    X-Complaints-To: u...@a...pl
    NNTP-Posting-Date: Fri, 2 Mar 2018 14:53:31 +0000 (UTC)
    User-Agent: Mozilla/5.0 (Windows NT 10.0; WOW64; rv:52.0) Gecko/20100101
    Thunderbird/52.6.0
    In-Reply-To: <1...@4...net>
    Content-Language: pl
    Xref: news-archive.icm.edu.pl pl.comp.www:403442
    [ ukryj nagłówki ]

    W dniu 2018-03-01 o 20:38, Borys Pogoreło pisze:
    > Dnia Thu, 1 Mar 2018 12:54:26 +0100, Marek S napisał(a):
    >
    >> Rozumiem, że z flex-shrink się pomyliłeś? Bo albo grow albo shrink?
    >
    > Nie, wszystkie trzy mają znaczenie. flex-shrink steruje układem przy zbyt
    > małej ilości miejsca.

    Czyli shrink i grow używamy jednocześnie?

    >> Więc
    >> nadal coś jest nie tak.
    >
    > Wszystko się zgadza, odejmij padding i krawędzie. Dlaczego? Bo tak mówi
    > specyfikacja ;)

    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ł?

    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? Nie mogę
    zaskoczyć algorytmu całej tej idei flex layout. Wiem do czego to służy
    ale kalkulacji nie ogarniam. Np. w/w dokumentacja wspomina, że basis
    jest wartością inicjalną zanim wolna przestrzeń zostanie
    rozdystrybuowana zgodnie flex factor. No to skoro zaraz zostanie ta
    wartość inicjalna zmieniona, to po co ona jest w ogóle? A po drugie, jak
    napisałem ciut wyżej, nie zauważyłem aby flex factor miał jakiś wpływ
    gdy basis jest w px (przy zerowym paddingu). Nic z tego nie rozumiem.

    --
    Pozdrawiam,
    Marek

Podziel się

Poleć ten post znajomemu poleć

Wydrukuj ten post drukuj


Następne wpisy z tego wątku

Najnowsze wątki z tej grupy


Najnowsze wątki

Szukaj w grupach

Eksperci egospodarka.pl

1 1 1

Wpisz nazwę miasta, dla którego chcesz znaleźć jednostkę ZUS.

Wzory dokumentów

Bezpłatne wzory dokumentów i formularzy.
Wyszukaj i pobierz za darmo: