-
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
Następne wpisy z tego wątku
- 03.03.18 16:43 Marek S
Najnowsze wątki z tej grupy
- Jakie znacie działające serwery grup dyskusyjnych?
- is it live this group at news.icm.edu.pl
- php, linki z nazwami a $_GET, SEO
- www polityka pl captcha
- dyktatura brudnego palucha
- www.znanylekarz.pl
- Czy pytanie o sczytywanie stron programami/skryptami to tu?
- Grupy webdevowe
- Jak wydrukować stronę?
- IIS, kilka witryn
- linki <a href="/strona.php"> (ze slashami)
- co rozszerza stronę??
- responsywny akapit <p>
- Czy istnieje jakiś emulator przeglądarek pod Mac'a?
- taka sama konfiguracja dla localhost i produkcji
Najnowsze wątki
- 2025-01-27 OT musk
- 2025-01-27 Bydgoszcz => Specjalista ds. Sprzedaży (transport drogowy) <=
- 2025-01-27 Warszawa => Java Developer <=
- 2025-01-27 Warszawa => Data Engineer (Tech Lead) <=
- 2025-01-27 Warszawa => Programista Full Stack (.Net Core) <=
- 2025-01-27 Kto ma PRAWNĄ rację? poseł KO mec. R. Giertych v. mec. B. Lewandowski
- 2025-01-27 Gliwice => IT Expert (Network Systems area) <=
- 2025-01-27 Koszyk okrągły, walec 3x AA, na duże paluszki R6
- 2025-01-27 Warszawa => QA Engineer <=
- 2025-01-27 Warszawa => Analityk Biznesowo-Systemowy <=
- 2025-01-27 Mińsk Mazowiecki => Area Sales Manager OZE <=
- 2025-01-27 Bieruń => Team Lead / Tribe Lead FrontEnd <=
- 2025-01-27 Katowice => Regionalny Kierownik Sprzedaży (OZE) <=
- 2025-01-27 Kraków => User Experience Designer <=
- 2025-01-27 Kraków => iOS Developer (Swift experience) <=