box-align无法在Chrome或Firefox中使用

时间:2014-05-29 16:59:43

标签: css flexbox

我试图将box-align设置为startbaseline,以便我的列可以按照我想要的方式调整大小,但他们不会延伸到相同的高度,但由于某种原因,这不适用于Firefox的Chrome。它在IE11中运行良好。

演示(将页面缩小到小于1280像素以使其生效):http://www.weblinxinc.com/beta/hf-racquet-fitness-club/demo/site/internal.htm

IE11中的结果:

Chrome中的结果:

1 个答案:

答案 0 :(得分:1)

在查阅W3C的文档后,我发现有一个属性align-items,它解决了我的问题:

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