Css 框对齐在Chrome或Firefox中不起作用

我试图将

框对齐

设置为

开始

或

基线

，这样我的列将按我想要的方式调整大小，但它们不会拉伸到相同的高度，但由于某些原因，这在Firefox的Chrome中不起作用。它在IE11中运行良好

演示（将页面缩小到1280px以下以查看其生效）：

导致IE11：

导致铬：

---

在查阅W3C文档后，我发现有一个属性

align items

，它解决了我的问题：

-webkit-flex-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;

---

请发布您的代码。考虑到它的浏览器兼容性表（其中还提到，

box align

是正在被取代的标准的一部分，因此您可能应该停止使用它），它使用的浏览器很有趣。