在下面的示例中,所有支持flexbox的稳定浏览器都能正确呈现页面.
在这里看到jsfiddle .
由于align-items: center;三个彩色块均匀分布在section元素中:
但是,在最新的Chrome Beta(54)和Canary(55)版本中,相同的示例呈现如下:
这是否会成为align-items下一版Chrome中的预期行为?或者这是一个错误......
UPDATE
Michael_B的回答清理之间的差异align-items,并align-content在这个特殊的布局.他的jsfiddle应该用于测试布局.
尽管如此,即使使用正确的flexbox属性,Chrome测试版和Canary也不会按照应有的方式呈现布局: