Vairāki table ar automātiski pārcelšanu jaunā rindā

[Elvis L]

Sveiki, man ir tabula, kas atkārtojas x reizes.

 

tabulas izmēres ir mazs, tādēļ būtu nepieciešams tās novietot vienu blakus otrai, tā kā nav zināms cik ir tabulu, ir nepieciešams aizpildīt maksimālu rindu un kā nepietiek vietas, sākt jaunu, ko Jūs varētu ieteikt?

 

 

#container {

    width: 95%;

    max-width: 100%;

    margin: 10px auto;

    padding: 5px;

}

#container .row {

    border-left: 0;

    border-top: none;

    margin: 0;

    padding: 3px;

}

#container br {

    clear: both;

}

#container .block {

padding: 3px;

    border-bottom: 0;

    border-right: 0;

    float: left;

    width: 590px;

}

 

atradu ko šādu, vienīgā problēma, ka viņš neveis pārmet uz jaunu rindu, bet uz brīvāko vietu, piemēram, ja pirmā table ir gara otrā arī bet trešo īsa, tad ceturto table pārmetīs zem trešās, bet vajadzētu zem pirmās

Edited May 29, 2015 by Elvis L

[anonīms]

http://masonry.desandro.com/

[codez]

Ja izmanto React: https://github.com/eiriklv/react-masonry-mixin