css - Split UL elements to responsible columns

Question

Is's my first post so please forgive me my mistakes :P

I would like make list split into few columns like on those websites:

http://www.maxmodels.pl/

http://themecloud.co/ - there are couple of similiar themes

So far I make some code: http://jsfiddle.net/cfUqc/2/

ul{
  width:760px;
  margin-bottom:20px;
  overflow:hidden;
}
li{
  padding:10px;
  border:1px solid #ccc;
  float:left;
  display:inline;
}
#double li  { width:45%;} 
#triple li  { width:30.333%; } 
#quad li    { width:25%; } 
#six li     { width:16.666%; } 

but i have empty spaces between horizontal elements.

Answer 1

如果我试图达到我相信你在使用 masonry 库http://masonry.desandro.com之后的效果。如果这不能让您完全了解您之后的情况还有许多其他可用的克隆项目