自動幅コラージュの高さが同じ

Question

次のような画像を作成しようとしています。

画像サイズは任意のサイズにすることができますが、最大高さは、私がtable-cellを試してみましたが、私は行を破ることはできませんよ68px

でなければなりません。

私もcolumn-countを使用していますが、成功しないのはCSSで可能ですか？

display: flex; 
flex-direction: row; 
flex-wrap: wrap; 

あなたが上にそれらを伸ばすために1に子供のflex-growを設定することができます。

は感謝

Answer 1

フレキシボックスがちょうど絵の親にこのCSSを追加し、これに最適です助けが必要親全体。私はあなたのために作られた例を参照してください：ここでは
https://jsfiddle.net/u4cxqab1/

をフレキシボックスについてのいくつかのより多くのドキュメントです：
https://css-tricks.com/snippets/css/a-guide-to-flexbox/