小编Dea*_*ier的帖子

Flexbox"align-items:center"无法使用Chrome测试版

在下面的示例中,所有支持flexbox的稳定浏览器都能正确呈现页面.

在这里看到j​​sfiddle .

由于align-items: center;三个彩色块均匀分布在section元素中:

Firefox 48.0

但是,在最新的Chrome Beta(54)和Canary(55)版本中,相同的示例呈现如下:

Chrome测试版54

这是否会成为align-items下一版Chrome中的预期行为?或者这是一个错误......


UPDATE

Michael_B的回答清理之间的差异align-items,并align-content在这个特殊的布局.他的jsfiddle应该用于测试布局.

尽管如此,即使使用正确的flexbox属性,Chrome测试版和Canary也不会按照应有的方式呈现布局:

在此输入图像描述

html css google-chrome css3 flexbox

5
推荐指数
1
解决办法
2648
查看次数

标签 统计

css ×1

css3 ×1

flexbox ×1

google-chrome ×1

html ×1