responsywna lista elementów

0

Witam, mam taki oto problem - tworzę kilka elementów div o stałej szerokości podanej w px. Wszystkie elementy listy mają float:left oraz margin-left:5px. Aktualnie działa to w ten sposób, że np mając 10 elementów listy o szerokości 300px na rozdzielczości 1024 układają się 3 obok siebie (3x300px=900) i duzy prawy margines. Wraz ze wzrostem rozdzielczości rośnie prawy margines aż do momentu w ktorym znajduje sie miejsce na kolejny element. Chciałbym, aby elementy układały się od lewej, ale margines między elementami zwięszkał i w momencie 'dojścia' kolejnego elementu margines znów byłby mniejszy. W skrócie - prawy margines chce rozdzielic po równo między elementy, które aktualnie są wyświetlane w jednej lini. Proszę o podpowiedź..

0

zrób 3 bloki po 33% szerokości, a zawartość wyrównuj do środka każdego bloku.
przy kolejnym "przeskoku" zrób 4 bloki po 25% szerokości,

itd.

1 użytkowników online, w tym zalogowanych: 0, gości: 1