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