異なる色の四角形の中に含まれている引用符の壁を作成したいと思います。CSS:ランダムなサイズの四角形のテッセレーション壁を作成する
明らかに、引用符は異なる長さになります。長方形はランダムなサイズの幅にする必要があります。これは高さが対応するサイズになることを意味します。
私はfloat:leftを使用していますが、これは多くのギャップを残しています。長方形がテッセレーションできるのは素晴らしいことです。
この問題が2Dパッキングの問題またはこのような質問に適合するかどうかはわかりません:Fitting rectangles together in optimal fashionそうであれば、私は解決策をPHP/CSS/jQueryに翻訳する方法を知らない。
http://masonry.desandro.com/demos/basic-multi-column.html
または同位体(同じ男、デビッドDesandroによる):
http://isotope.metafizzy.co/そうでない場合は、他の思考はあなたが石積みのjQueryプラグインを見てみる必要があります:)
フローティングにはギャップがありません。余裕はあり、余白はゼロに設定できます。パディングも。 CSSはプログラミング言語ではありませんので、これを参考にしないでください。 – Rob