Div szerkezet
Tiszteletem!
Azon kérdéssel fordulok hozzátok, hogy... adott X darab div / html objektum egy main diven belül.
Azt szeretném elérni, hogy ezen objektumok úgy rendeződjenek a conatineren belül, hogy automatikusan egymás mellé kerüljenek, de amennyiben nem férnek el egymás alatt a containerbe akkor mellé rendezze és ha képes rá akkor ismét alá rendezze a következőt.
(Mellékelek egy képet úgy érthetőbb mint ahogy megfogalmazom :D )
http://www.kepfeltoltes.hu/151129/divs_www.kepfeltoltes.hu_.png
Kérdés, hogy egyáltalán kivitelezhető e (biztosan), miként? Lehetséges e css paraméterekkel varázsolni. Css járná a leginkább, hogy automatikus maradjon a rendezés, ugyan is ezen objektumok némelyike olykor display: block-ba lesz.
Megtisztelő válaszotok előre is köszönöm.
■ Azon kérdéssel fordulok hozzátok, hogy... adott X darab div / html objektum egy main diven belül.
Azt szeretném elérni, hogy ezen objektumok úgy rendeződjenek a conatineren belül, hogy automatikusan egymás mellé kerüljenek, de amennyiben nem férnek el egymás alatt a containerbe akkor mellé rendezze és ha képes rá akkor ismét alá rendezze a következőt.
(Mellékelek egy képet úgy érthetőbb mint ahogy megfogalmazom :D )
http://www.kepfeltoltes.hu/151129/divs_www.kepfeltoltes.hu_.png
Kérdés, hogy egyáltalán kivitelezhető e (biztosan), miként? Lehetséges e css paraméterekkel varázsolni. Css járná a leginkább, hogy automatikus maradjon a rendezés, ugyan is ezen objektumok némelyike olykor display: block-ba lesz.
Megtisztelő válaszotok előre is köszönöm.
JavaScript
Flexbox
És egy módosított minta:
http://codepen.io/anon/pen/Qjeqpo
pp
Te vagy a király!
Nagyon szépen köszönöm a segítséged.
Még annyi kérdésem lehetne esetleg, hogy miként kell elképzelni ennek az inverzét? Tehát teszem azt nem jobbra szeretném hogy törjön hanem balra?
Köszönöm.