css - CSS 列の水平方向の順序

Question

css列を水平に並べることは可能ですか?

これを例に取ります: http://jsfiddle.net/glee/Fa722/

それは次のように出力されます1 8 15が1 2 3、それでもグリッドのような構造を維持しますこれを達成するために使用できるいくつかのトリックがありますか、それともJSが行くべきですか?

これは、グリッドのような構造について話している意味です。

Answer 1

CSS のみのソリューションではありませんが、同じ質問があり、Packery は列を生成できますが、水平方向にパックできることがわかりました。

http://packery.metafizzy.co

Answer 2

このような。列ではなくフロートを使用します。

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