wysrodkowanie elementów w divie Opcje

[wezyrno]

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)

[bialko0019]

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)