将 UL 元素拆分到负责的列答案

【问题标题】：Split UL elements to responsible columns将 UL 元素拆分到负责的列
【发布时间】：2013-08-03 13:53:38
【问题描述】：

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

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

http://www.maxmodels.pl/

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

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

【问题讨论】：

标签： css grid html-lists multiple-columns

【解决方案1】：

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

【讨论】：