与自动宽度拼贴相等的高度

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/