ここに私のジレンマがあります。同じ幅の div がたくさんあります (ただし、高さは可変です)。スクロールせずにページにこれらの項目の 2 番目の列のスペースがある場合は、次のページの上に次のページに表示したい、3 番目の列に続けたい列など。ページに使用可能なスペースが残っていない場合、ページから外れて、下のものを見るためにスクロールバーが必要になります。
これは本質的に、 float:top が存在する場合に似ています (残念ながら存在しません)。また、これをウィンドウサイズで動的に変更したい。ウィンドウを 1 列幅に縮小すると、データを 1 列下にまっすぐ移動させます。2 列幅にサイズ変更すると、データが 2 列に分割されます。
最後に、div の順序を維持する必要があります。これを行うには、CSS3 を含む jQuery と CSS を使用したいと考えています。私がそれに取り組んでいれば、これを行うためのカスタムjQueryスクリプトを書くことができると確信していますが、もっと簡単にすべきだと感じずにはいられません。私は css3 列を見てきましたが、私が望むことを彼らにさせることができませんでした。