-
Data: 2018-03-02 23:16:26
Temat: Re: CSS, jak działa flex-grow?
Od: Marek S <p...@s...com> szukaj wiadomości tego autora
[ pokaż wszystkie nagłówki ]W dniu 2018-03-02 o 21:26, Borys Pogoreło pisze:
> Wartość bazowa przekracza to, co masz do dyspozycji na ekranie, wiec ta
> jedna komórka nie ma gdzie rosnąć. Jeśli ustawisz basis odpowiednio
> mniejsze, to wszystko się zacznie układać.
Faktycznie było mało. Ale zobacz - rozszerzyłem okno na całą szerokość
ekranu tj. ponad 3800px i nadal kalkulacje szlag trafia.
Tu masz screenshot:
https://drive.google.com/file/d/1tFDkxuKLk_WRPH4TRnY
3qHf1tVFbviLo/view?usp=sharing
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?
A kod po modyfikacji:
<style>
body {
background-color: #666;
}
.container {
display: flex;
background-color: #c00;
}
.container div {
background-color: #eee;
border: 1px solid #cc0;
flex-grow: 1;
flex-basis: 200px;
padding: 0;
}
.container div + div {
margin-left: 20px;
}
</style>
</head>
<body>
<div class="container">
<div>aaa</div>
<div style="flex-grow: 2">aaa bb</div>
<div>ccccc</div>
<div>ccccc dddd<br>
line 2</div>
<div>ccccc dddd eee</div>
<div>f</div>
</div>
</body>
> Z praktyki. Flexbox trochę się "na czuja" stosuje ;)
Właśnie zaczynam tak podejrzewać. To pierwszy moduł CSS, którego nie
ogarniam :-D WebGL wydaje się łatwiejszy :-D
> Ciebie bardziej interesuje to:
> https://www.w3.org/TR/css-flexbox-1/#line-sizing
Poczytam sobie parę razy uważnie i zrobię eksperymenty. Może w końcu
pojmę w czym rzecz.
--
Pozdrawiam,
Marek
Następne wpisy z tego wątku
- 03.03.18 00:14 Borys Pogoreło
- 03.03.18 16:43 Marek S
Najnowsze wątki z tej grupy
- UWAGA: MAM PODEJRZENIE, ŻE onet.pl DOKONUJE ATAKÓW!!!
- Komisja sejmowa odrzuca petycję ws. obowiązkowych kanałów RSS na stronach podmiotów publicznych
- kol. sukces po polsku: "Samurai Labs. Technologia do zapobiegania samobójstwom"
- Wściekli obywatele spalili budynek parlamentu Nepalu [bo odcięli im amerykańskie serwery społecznościowe - przyp. JMJ]
- UWAGA: MAM PODEJRZENIE, ŻE trojmiasto.pl DOKONUJE ATAKÓW
- Cenzura na wolnemedia.net - likwidacja codziennej sekcji "Sygnały zauważone"
- Nowe style na energokod.pl
- Jak działa hosting w którym wykupuje się sam serwer i domenę, bez IP?
- Perfidne ataki krakerów z KRLD na skrypciarzy JS i Pajton
- Do sądu trafił pozew zbiorowy przeciw Google'owi - oskarżenie o praktyki monopolistyczne na rynku reklamy internetowej
- 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
Najnowsze wątki
- 2026-01-29 KSeF - 13 wątpliwości
- 2026-01-29 A ja się pochwalę
- 2026-01-29 Warszawa => Mid/Senior IT Recruiter <=
- 2026-01-29 Warszawa => Senior Java Developer <=
- 2026-01-29 Warszawa => IT Recruiter <=
- 2026-01-28 Degradacja
- 2026-01-28 Wysoki Sąd poinstruował czego unikać wyzywając Owsiaka "Równiejszego"
- 2026-01-28 Białystok => Solution Architect (Workday) - Legal Systems <=
- 2026-01-28 Białystok => Preseles Inżynier (background baz danych) <=
- 2026-01-28 Wrocław => Konsultant wdrożeniowy ERP <=
- 2026-01-28 Łódź => Microsoft Engineer <=
- 2026-01-28 Białystok => Tester manualny <=
- 2026-01-27 Tradycja ciągania posłów po sądach za wystąpienia w Sejmie będzie kontynuowana [Lepper 2]
- 2026-01-27 Pierwszy raz sprzedano więcej samochodów zeeletryfikowanych niż ice
- 2026-01-27 Elektryczny Kałasznikow
![Ceny mieszkań stabilne a zdolność kredytowa rośnie. O ile nie masz dzieci [© pexels]](https://s3.egospodarka.pl/grafika2/rynek-mieszkaniowy/Ceny-mieszkan-stabilne-a-zdolnosc-kredytowa-rosnie-O-ile-nie-masz-dzieci-270929-50x33crop.jpg "Ceny mieszkań stabilne a zdolność kredytowa rośnie. O ile nie masz dzieci [© pexels]")
Ceny mieszkań stabilne a zdolność kredytowa rośnie. O ile nie masz dzieci
