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和宽度增加了李：

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

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

Answer 3

不是纯CSS的解决方案，但有同样的问题，发现Packery可生产列，但水平包装：

http://packery.metafizzy.co