eGospodarka.pl
eGospodarka.pl poleca

eGospodarka.plGrupypl.comp.wwwCSS, jak działa flex-grow?Re: CSS, jak działa flex-grow?
  • Data: 2018-03-03 00:14:52
    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 Fri, 2 Mar 2018 23:16:26 +0100, Marek S napisał(a):

    > A może to jest tak, że basis wyznacza jakąś szerokość, z szerokości
    > kontenera niech wyjdzie, że lewy i prawy "syntetyczny padding" komórki
    > mają po 100px, to szerokość podwojonej komórki to 2x2x100px+basis?

    Basis jest wartością początkową. Jeśli założymy, że jest więcej miejsca,
    niż mają komórki, to w Twoim przykładzie liczysz to z grubsza tak:
    - komórki mają flex-basis szerokości początkowej każda (200px)
    - pozostała przestrzeń jest dzielona na sumę flex-grow (7)
    - wynik podziału jest dodawany do szerokości każdej z komórek, pomnożony
    przez flex-grow

    Ustaw sobie jakieś proste do ogarnięcia wartości (np. 1000px całość, 100px
    flex-basis, bez odstępów i ramek), to łatwo to policzysz.

    > Właśnie zaczynam tak podejrzewać. To pierwszy moduł CSS, którego nie
    > ogarniam :-D WebGL wydaje się łatwiejszy :-D

    Poczekaj, aż zaczniesz naukę grida. Tam się ascii-arty rysuje w CSS.

    --
    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: