-
Data: 2018-03-01 20:38:33
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 Thu, 1 Mar 2018 12:54:26 +0100, Marek S napisał(a):
> W dniu 2018-03-01 o 01:01, Borys Pogoreło pisze:
>
> Dzięki - trochę pomogło. Trochę bo nadal jest coś nie tak jak to bym
> sobie wyobrażał.
>
> Rozumiem, że z flex-shrink się pomyliłeś? Bo albo grow albo shrink?
Nie, wszystkie trzy mają znaczenie. flex-shrink steruje układem przy zbyt
małej ilości miejsca.
> ustawiłem dla komórki #2 style="flex-grow: 2". No i niespodzianka.
> Wszystkie komórki z wyjątkiem #2 mają nadal po 200px ale 2ga ma...
> 370px! Pomyślałem: dobra, ekran może za wąski. Rozciągnąłem go więc do
> 300px na komórkę. No i #2 ma teraz 520px. Na Edge i FF identycznie. Więc
> nadal coś jest nie tak.
Wszystko się zgadza, odejmij padding i krawędzie. Dlaczego? Bo tak mówi
specyfikacja ;)
> Zrobiłem też kolejną rzecz: ustawiłem basis na 200px. Dla układu
> poziomego oczekiwałbym, że zadziała jak width. Tymczasem chyba nic się
> nie nie dzieje. Efekt podobny do wartości 0 i to nawet jeśli ostatnia
> komórka ma flex-basis:auto - bo pomyślałem, że jedna z nich musi przejąć
> na siebie nadmiar pikseli. Owszem, zmieniła rozmiar ale reszta nie ma po
> 200px - jest elastyczna.
Bo to jest tylko wartość początkowa, względem której liczone są proporcje.
Czy to będzie 0, 200px czy 10000px, to proporcje wyjdą te same. Jeśli
ostatniej z tych 200px dasz "auto" to po prostu będzie mniejsza, bo
pozostałe wykorzystają całą jej nadmiarową szerokość w celu zbliżenia się
do narzuconej proporcji.
--
Borys Pogoreło
borys(#)leszno,edu,pl
Następne wpisy z tego wątku
- 02.03.18 15:53 Marek S
- 02.03.18 21:26 Borys Pogoreło
- 02.03.18 23:16 Marek S
- 03.03.18 00:14 Borys Pogoreło
- 03.03.18 16:43 Marek S
Najnowsze wątki z tej grupy
- 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
- TypeScript - jak uzyskać zmienne prywatne? Gdzie korzyści z TS?
Najnowsze wątki
- 2024-04-30 Powerbank jednonapieciowy, a trzynapieciowy
- 2024-04-30 Który program do PIT-ów?
- 2024-04-30 Warszawa => Senior PHP Developer (Symfony) <=
- 2024-04-30 Warszawa => Konsultant funkcjonalny systemu Oracle E-Business Suite R1
- 2024-04-30 Obajtek bez majtek
- 2024-04-29 Warszawa => Staż w dziale Sprzedaży B2B (2 miejsca) <=
- 2024-04-29 Gdańsk => Kierownik Działu Spedycji Międzynarodowej <=
- 2024-04-29 Ulm => IT Network Engineer <=
- 2024-04-29 Gdańsk => UX/UI Designer <=
- 2024-04-29 Gdańsk => AI Specialist <=
- 2024-04-29 frankowicze odcinek NNN
- 2024-04-29 Warszawa => Specjalista ds. Cyberbezpieczeństwa <=
- 2024-04-29 Kraków => MS Dynamics 365BC/NAV Developer <=
- 2024-04-29 Zielona Góra => Inżynier R&D Energoelektronik <=
- 2024-04-29 Warszawa => Google Ads Freelancer <=