css – 如何从flex计算中排除div(flex项)？

我有一个我无法修改的html布局,因为它是一个3d派对库.

我有四个div,我希望它们在这样的FlexBox中：

1 —— —— 2 3

(其中2位于中心,4位不可见).

我创建了一个示例here.

它似乎主要是因为我想要除了最后一个div弄乱项目编号2的中心位置这一事实.有没有办法我可以通过css完全“排除”它从flex数组中,即使它是在HTML？

.fc-toolbar {
	background-color: #7CC2DD;
	color: white;
	height: 5rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.fc-left {
	order: 0;	
}

.fc-right {
	order: 2;
}

.fc-center {
	order: 1;
}

.fc-clear {

}

最佳答案

您可以给元素位置：绝对,它将从流中取出,就像使用非flex元素一样.

你可以找到更新的jsfiddle here.

原文地址：https://www.jb51.cc/css/426964.html

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。