Css 如何对齐列中的行弹性元素？

我使用

flex

来对齐元素

#sentinels

是最外层的容器，并且

div

的每一行（在下面的示例中为绿色）都有类

行

#sentinels {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.line {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

这给

但是，我希望将

div

列对齐：

---

使用

flex

可以进行这种设置吗

看看这个。每个内部div宽度为100%的外部div可以解决您的问题。

是否也可以更新html代码？@MostafaBaezid:是的，但是行数不知道，仅用于测试运行。喜欢你的picture@MostafaBaezid：对不起，我想你是想问我是否可以控制HTML部分（我可以）。源代码很复杂，因为组件是通过JS动态生成的，所以我使用图片而不是一组生成的

div

。仅供参考，这要求列小于行容器。在本例中，如果

内部

大于总宽度的33%，则它将偏移，并且不匹配。