列と水平スクロール

Question

私はリストにdinamically項目を追加したい、私はこれを行うとき、私は最初の項目を追加するとき、私は2番目のものを追加するとき、このスティックを左側に追加する3番目の項目は今までのすべての良い点を示していますが、4番目の要素を追加すると、3つの列の代わりに2つの列が得られます。

これは私が

| 1 | | 2 | | 3 | 
| 4 | 

望むものであり、これは私が

| 1 | | 2 | 
| 3 | | 4 | 

は、私は本当に私はときに、この塗りつぶし水平にリストをスクロールする必要があるため、列カウントを（使用する必要が得るものです9要素なので、要素番号10は画面外になり、水平スクロールが表示されます）。

どのようにこれを達成するか？

Answer 1

リストのインラインブロック要素を使用しているようです。 ブロック要素を代わりに使用し、Listitemを浮動させるか、Flexboxを使用します。

<span>1<\span> 
<span>2<\span> 
... 

span { 
    display: block; 
    float: left; 
    width: 33.333333%; 
} 

しかし、マイケルは右では、より良い答えを、常にあなたのコード、またはそれの少なくとも例を投稿してください。