[CSS]Blokada DIVów |
[CSS]Blokada DIVów |
4.10.2019, 12:01:08
Post
#1
|
|
Grupa: Zarejestrowani Postów: 308 Pomógł: 0 Dołączył: 9.12.2009 Ostrzeżenie: (10%) |
Zrobiłem kalendarz z komentarzami w CSS. Na tel jest ok. Jak zablokować przesuwanie się DIVów wraz ze zmniejszaniem rozmiarów okna przeglądarki.
Na stronie ma być zawsze 7 kolumn w rzędzie i nie mają przeskakiwać na dół jak zmieniam rozmiar okna w windows...
Ten post edytował david8213 4.10.2019, 12:01:52 |
|
|
4.10.2019, 13:20:46
Post
#2
|
|
Grupa: Zarejestrowani Postów: 286 Pomógł: 46 Dołączył: 10.01.2016 Ostrzeżenie: (0%) |
Kod .tile1, .tile2 { display: flex; justify-content: center; flex-flow: row nowrap; } .tile1 .sub_tile { background: lightgreen; } .tile2 .sub_tile { background: orange; } .sub_tile { display: flex; min-width: 50px; height: 50px; } .child { margin-left: auto; margin-right: auto; align-self: center; } |
|
|
4.10.2019, 14:00:20
Post
#3
|
|
Grupa: Zarejestrowani Postów: 594 Pomógł: 66 Dołączył: 22.02.2008 Skąd: Dublin Ostrzeżenie: (0%) |
Zawsze mozesz to zrobic na tabeli i ustalic szer komorek procentowo. Wtedy 7 komorek ~14% kazda.
Ten post edytował dublinka 4.10.2019, 14:57:53 -------------------- |
|
|
5.10.2019, 22:35:38
Post
#4
|
|
Grupa: Zarejestrowani Postów: 129 Pomógł: 13 Dołączył: 29.03.2012 Ostrzeżenie: (0%) |
Procentowe wartości to dobre rozwiązanie. Możesz jeszcze opakować to w dodatkowy kontener i na sztywno ustalać szerokość tego kontenera wykorzystując zapytania medialne. Pozwoli to lepiej kontrolować wielkość kalendarza i będziesz mógł dzięki temu ustalić maksymalną i minimalną szerokość kontenera na jaką mają się skalować kolumny kalendarza. Nie zapomnij też o zapewnieniu skalowalności czcionki w przypadku ustalania dynamicznej szerokości kalendarza.
|
|
|
13.10.2019, 15:02:58
Post
#5
|
|
Grupa: Zarejestrowani Postów: 308 Pomógł: 0 Dołączył: 9.12.2009 Ostrzeżenie: (10%) |
Zrobiłem jak poniżej ale wiersz z nazwą miesiąca po zmianie wielkość przeglądarki ma inne rozmiary niż dni poniżej
|
|
|
Wersja Lo-Fi | Aktualny czas: 26.04.2024 - 04:41 |