Flexbox - 限制每行的项目数,只显示一行
Flexbox - limit the number of items per line and show only one line
正在尝试创建一个仅在一行中显示项目的 flexbox 容器。
项目宽度是固定的或相对于屏幕宽度。
我想得到的是只显示符合该行的项目,其他的将被隐藏(稍后使用js添加水平滚动)。
当项目的宽度和高度固定时 - 通过将行高设置为项目的高度并添加 overflow:hidden,这很容易
但是,有时我无法预测项目(包含图像)的高度。
有什么想法吗?
您尝试过使用 min-width
吗?
这里是 fiddle:
http://jsfiddle.net/aqw3L63w/1/
正在尝试创建一个仅在一行中显示项目的 flexbox 容器。 项目宽度是固定的或相对于屏幕宽度。
我想得到的是只显示符合该行的项目,其他的将被隐藏(稍后使用js添加水平滚动)。
当项目的宽度和高度固定时 - 通过将行高设置为项目的高度并添加 overflow:hidden,这很容易 但是,有时我无法预测项目(包含图像)的高度。
有什么想法吗?
您尝试过使用 min-width
吗?
这里是 fiddle: http://jsfiddle.net/aqw3L63w/1/