javascript - 子 div をフローして、水平オーバーフローを使用してメイン div を埋めることは可能ですか?

Question

私は今これについて考え始めました.cssを使用するだけで達成できるか、またはjavascriptが必要かどうかを考えています.

ここに例を示す画像があります：

誰もが前にこのようなものを見たことがありますか? いくつかの例を見せてもらえますか?

Answer 1

テーブルでこの効果を実現できます。アイテムを追加するときは、新しいセルを追加するだけです。アイテムをわずかに左または右に配置するには、相対的な位置にします。左：-いくつかのピクセル。

.table {
    display:table;
}
.table > div {
    display:table-row;
}
.table > div > div {
    display:table-cell;
    padding:2px;
    vertical-align:top;
}

demo toy/fiddle *デモには jquery を使用しますが、実際の作業は css で行います。