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!news.promontel.net.pl!not-for-mail
    From: Borys Pogoreło <b...@p...edu.leszno>
    Newsgroups: pl.comp.www
    Subject: Re: CSS, jak działa flex-grow?
    Date: Sat, 3 Mar 2018 00:14:52 +0100
    Organization: snafu
    Lines: 24
    Message-ID: <1gzo9hrok17jh.k6w8h5o1001t$.dlg@40tude.net>
    References: <p76gjt$gee$1@node1.news.atman.pl>
    <an5v1zww58d7$.12my1ecn4cx4g.dlg@40tude.net>
    <p78plj$mjk$1@node1.news.atman.pl>
    <1...@4...net>
    <p7bohb$2hg$1@node2.news.atman.pl>
    <y7e5qqhj17ug$.1pxix68tylkdb$.dlg@40tude.net>
    <p7cifr$d54$1@node1.news.atman.pl>
    NNTP-Posting-Host: 37.47.138.148
    Mime-Version: 1.0
    Content-Type: text/plain; charset="utf-8"
    Content-Transfer-Encoding: 8bit
    X-Trace: thunar.promontel.net.pl 1520032490 3061 37.47.138.148 (2 Mar 2018 23:14:50
    GMT)
    X-Complaints-To: a...@p...net.pl
    NNTP-Posting-Date: Fri, 2 Mar 2018 23:14:50 +0000 (UTC)
    User-Agent: 40tude_Dialog/2.0.14.1pl
    X-fnord: obey.
    Xref: news-archive.icm.edu.pl pl.comp.www:403445
    [ ukryj 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: