Flexbox - 限制每行的项目数并仅显示一行

Question

尝试创建一个仅在一行中显示项目的Flexbox容器。 项目宽度是固定的或相对于屏幕宽度。

我想要的只是显示适合该行的项目，其他项目将被隐藏（稍后将使用js添加水平滚动）。

当项目的宽度和高度固定时 - 通过将线条高度设置为项目的高度并添加overflow：hidden，这很容易 但是，有时我无法预测物品的高度（包含图像）。

有什么想法吗？

Answer 1

您是否尝试过使用min-width？

这是一个小提琴： http://jsfiddle.net/aqw3L63w/1/