CSS列水平排序

Question

是否可以水平订购css列？

以此为例：http://jsfiddle.net/glee/Fa722/

它输出为1 8 15，但我想要1 2 3，但仍然保持网格状结构是否有一些技巧可以用来实现这个或JS是如何去的？

这就是我所说的网格式结构：

Answer 1

喜欢这个。使用浮点数，而不是列。

#limheight {
    height: 300px;
    width:600px;
}
#limheight li {
    float:left;
    padding-bottom: 20px;    
}
#limheight li a {
    color: rgb(0, 162, 232);
    display:block;
    width:200px;
}

Answer 2

你已经在使用内联块了，所以它们会按照你想要的方式排列，只需指定一个宽度，它们就会排成一列。删除#limeheight中的列css并将宽度添加到li：

http://jsfiddle.net/thespacebean/Fa722/30/

#limheight li {
   display: inline-block;
   padding-bottom: 20px;  
   width: 200px;
}

Answer 3

不是仅限CSS的解决方案，但有相同的问题，发现Packery可以生成列但水平打包：

http://packery.metafizzy.co