折り返しリスト内の折り返しリスト

Question

私にはdivがあり、div内にリストがあります。

 
Item 1 Item 2 Item 3 Item 4 
Item 5 Item 6 Item 7 Item 8 

、インラインブロック、私はこのようにそれを行うことができます。しかし、私はへの列の希望：私は、ディスプレイとすることを理解

 
Item 1 Item 5 Item 9 

Item 2 Item 6 Item 10 

Item 3 Item 7 Item 11 

Item 4 Item 8 Item 12 

：私はdivの内側のリストは次のように表示させたいです垂直方向に移動し、divが終了すると、上の図のように、次の列の上から再び開始します。 divの高さは固定されています。表示がなければ、テキストはdivの外に出ます。

ありがとうございます！

Answer 1

@urgenthhelp; css3 columns countプロパティを使用できます。このhttp://jsfiddle.net/sandeep/Qnsqm/がのはあなたを助けることかもしれ

CSS

ul { 
    -moz-column-count: 3; 
    -moz-column-gap: 10px; 
    -webkit-column-count: 3; 
    -webkit-column-gap: 10px; 
    column-count: 3; 
    column-gap: 10px; 
} 
li{margin-bottom:10px} 

チェック。