【发布时间】：2016-11-21 14:41:06
【问题描述】：
我正在尝试制作类似下图的东西。
图片大小可以是任意大小，但最大高度应为 68px
我已经尝试过table-cell，但我无法打破这一行。
我也使用了column-count，但没有成功，是否可以使用 css ？
需要帮助谢谢
【问题讨论】：
【发布时间】：2016-11-21 14:41:06
【问题描述】：
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/
【讨论】：
-
请您设置这个布局？ jsfiddle.net/Pa7mU/68 其实我对 flexbox 不熟悉
-
是的，但是图像拉伸，我们可以修复它吗？
-
可以在img中添加
object-fit: cover来消除拉伸。 -
object-fit: 封面存在浏览器兼容性问题caniuse.com/#search=object-fit
-
老兄，我还有一个问题，如果我需要单行 10 张图片该怎么办？