看看this example
它有一个带flex-flow: row wrap;
的flexbox容器,用于包装所有项目。这几乎是我想要的。
开始换行时,项目编号6换行到第二行:
1 2 3 4 5
6
但是,我总是想在开始包装时至少包装两个项目,因此您永远不会在一行上有一个项目:
1 2 3 4
5 6
最佳答案
我想出了一种用于内联元素的方法,但是当与内联块一起使用时,它将表现为inconsistently across browsers。仍然不是解决方案,但是也许有人可以找到一种使之与内联块元素一起运行的方法。
.item {
display: inline;
}
.item::before {
content: ' ';
font-size: 0;
}
.item:last-child::before {
content: '';
}
这是一个起作用的Fiddle。
关于css - 始终用flexbox包裹至少两个物品,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/30390544/