eGospodarka.pl
eGospodarka.pl poleca

eGospodarka.plGrupypl.comp.wwwCSS, jak działa flex-grow?Re: CSS, jak działa flex-grow?
  • Data: 2018-03-01 01:01:00
    Temat: Re: CSS, jak działa flex-grow?
    Od: Borys Pogoreło <b...@p...edu.leszno> szukaj wiadomości tego autora
    [ pokaż wszystkie nagłówki ]

    Dnia Wed, 28 Feb 2018 16:07:38 +0100, Marek S napisał(a):

    > Nijak nie potrafię zrozumieć jak atrybut działa. Wszystkie elementy z
    > tym atrybutem są różnej szerokości. Boxy stają się równe tylko wtedy,
    > gdy usunę wszystkie teksty. O co chodzi?

    Ten atrybut musisz rozpatrywać w połączeniu z flex-shrink i flex-basis,
    dopiero wtedy ma sens. W tym przypadku miesza Ci flex-basis, który
    domyślnie ma wartość "auto", więc przeglądarka za szerokość początkową
    bierze szerokość tekstu. A później każesz jej wyrównać proporcjonalnie
    wszystkie elementy, więc dodaje do każdego tę samą ilość pustego miejsca.

    Jeśli chcesz mieć wszystkie elementy tej samej *całkowitej* szerokości (nie
    proporcjonalnej do treści), to musisz jeszcze dodać "flex-basis: 0".

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

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: