Css 如何从flex计算中排除div（flex项）？

我有一个html布局，我不能修改，因为它是一个三维党的图书馆

我有四个div，我想把它们放在这样一个flexbox中：

1----2----3

（其中2位于中心，4完全不可见）

我创造了一个例子

看起来，它主要是工作，因为我想除了事实上，最后一个div搞乱了项目编号2的中心位置。有没有一种方法可以通过css将它从flex数组中完全“排除”，即使它是HTML格式的

.fc工具栏{
背景色：#7CC2DD；
颜色：白色；
身高：5雷姆；
显示器：flex；
对齐项目：居中；
证明内容：之间的空间；
}
.fc左{
顺序：0；
}
.fc对{
顺序：2；
}
.fc中心{
顺序：1；
}
.fc清除{
}

<
>
2016年5月

您可以给元素

位置：绝对

，它将从流中取出，就像您对非弹性元素所做的那样

---

您可以找到更新的JSFIDLE。

将所有div的最小宽度保持为33%，并放置flex wrap:nowrap；并将容器的溢出保持为隐藏状态。这将不会给enuf空间让4进入框中，2将居中。链接的url指向codepen（而不是JSFIDLE），这将导致404错误。