jquery - Float masonary elements to the right instead of stacking -


i have been working off of snippit create masonary style homepage. don't want stack div elements, rather gradually float them right , tile downward.

i've seen solution, it's in regards list elements, can't seem work div elements. don't want use jquery plugin handle fyi, want keep pure css.

your masonary css property column-width limit size of column , stack divs vertically.

if want have divs flow horizontally , overflow vertically, need set item display:inline-block , set fixed width:

.item {  display: inline-block;  padding:  .25rem;  width:  200px; } 

code example


Comments

Popular posts from this blog

PHP DOM loadHTML() method unusual warning -

python - How to create jsonb index using GIN on SQLAlchemy? -

c# - TransactionScope not rolling back although no complete() is called -