我有一个我无法修改的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.