我正在尝试与FlexBox实现类似的对齐。

注意:中间的两个div应该居中，大小大多不相关。

我尝试用和最后一个子div设置flex容器，但它只是将其他两个子div移到了左边。

有什么方法可以实现此布局？

顺晟科技：

我不知道绿色方块的大小，它们是否应该都是相同的宽度，或者那些绿色中心方块是否完全居中，但这是一种方法。

如果您想让绿色方块处于死点，而最后的绿色方块漂浮在右边，您可以使用它来做您想要的事情（我知道您想使用flexbox）。

我会把这两个盒子放在它们自己的容器内，用and然后and作为内部容器。

这里有一个codepen.io代码段用于实现相同的功能:https://codepen.io/yagyagaire/pen/yzqmegn

我想这就是你想要的。正如您所说，我只使用flexbox来实现这一点。