與自動寬度拼貼相等的高度

Question

我嘗試製作類似下面的圖像。

的圖像大小可以是任意大小，但最大高度應爲68px

我試圖table-cell但我不能夠打破行。

我也使用column-count，但沒有得到成功與css可能嗎？

需要幫助的感謝

Answer 1

Flexbox的是適合這個，只是這個CSS添加到圖片的父：

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

您可以將孩子的flex-grow設置爲1，舒展他們在整個家長。見我爲你所做的例子：
https://jsfiddle.net/u4cxqab1/

這裏是關於Flexbox的一些文檔：
https://css-tricks.com/snippets/css/a-guide-to-flexbox/