将UL元素拆分为负责列

Question

这是我的第一篇文章所以请原谅我的错误：P

我想将列表分成几列，就像在这些网站上一样：

http://www.maxmodels.pl/

http://themecloud.co/ - 有几个类似的主题

到目前为止，我制作了一些代码：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%; } 

但我在水平元素之间有空格。

Answer 1

如果我试图达到我相信你的效果，我会考虑使用砌体库http://masonry.desandro.com。如果这不能完全满足您的需求还有很多其他可用的克隆项目