看看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/

10-11 23:57
查看更多