Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> wysrodkowanie elementów w divie
wezyrno
post
Post #1





Grupa: Zarejestrowani
Postów: 130
Pomógł: 0
Dołączył: 11.09.2011

Ostrzeżenie: (50%)
XXX--


Uczę się dobrze przygotowywać szablony.
Mam taką sytuacje: wstawilem diva, w którym zawarłem 5 elementów, które chce oddzielić od siebie w poziomie o 10px. Tyle, że gdy zrobie to marginami, gdy zmniejszam strone (CTRL + minus) to ostatni element (div) w divie glownym spada na dol..
Jak inaczej, prawdlowo wysrodkowac dane elementy / oddzielic od siebie? (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
bialko0019
post
Post #2





Grupa: Zarejestrowani
Postów: 294
Pomógł: 4
Dołączył: 19.12.2008

Ostrzeżenie: (0%)
-----


Możesz to zrobić na kilka sposobów (IMG:style_emoticons/default/wink.gif) Możesz nadać float`y każdemu dziecku w jakimś divie i dać jako ostatni ze stylem: clear: both. ROdzic niech ma np. szerokość 100%, marginesy lewy i prawy na auto i masz na środku np. 4 boksy. Wtedy podczas zmniejszania przeglądarki jeśli się nie zmieszczą - wejdą niżej.

Możesz również nadać containerowi white-space: nowrap, a w środku jego dzieci z display: inline-block ( ew. display: flex ale poczytać trzeba na caniuse.com ) i nadajesz im szerokości procentowo. Wtedy będą się zmniejszać podczas skalowania przeglądarki.

Jest wiele nawet wtyczek w jQuery, którymi możesz pobawić się w flex boksy. W najgorszym razie możesz dać tabelkę hehe (IMG:style_emoticons/default/wink.gif)

Jeśli w którymś momencie boksy będą za małe - możesz je dać poniżej lub dowolnie ostylować. DO ich responsywności możesz użyć media queries w css`ach, bardzo proste do deklaracji. Wpisz w google media queries.

Jak coś to pisz (IMG:style_emoticons/default/wink.gif)
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 16.10.2025 - 19:16