Html 如何使用IE解决flexbox问题？

我们正在使用Flexbox创建一个网格系统，发现

中的元素在除IE 11之外的所有浏览器中都能正常工作

我们如何修复元素，使文本使框正常展开

.flex行{
显示器：flex；
弹性：1100%；
弯曲方向：行；
柔性包装：包装；
}
.flex col{
利润率：6px；
填充：16px；
背景色：黑色；
显示器：flex；
证明内容：中心；
对齐项目：居中；
弹性：10像素；
弯曲方向：立柱；
颜色：白色；
}
@介质（最大宽度：767px）{
.flex col{
弹性基础：计算（50%-24px）；
}
}
@介质（最大宽度：460像素）{
.flex col{
弹性基准：100%；
}
}

果断地协商互操作门户，而无需跨职能流程改进。通过以下方式极大地激励战术最佳实践：。
无缝地提高竞争力。
与即插即用信息媒体相比，独特地优化以用户为中心的思维共享。无缝优化有效的解决方案和支持的基础架构。
通过流行性供应链动态扩展灵活的变革催化剂。效率高。

我认为你把flex项目的属性与flex容器混淆了。。再检查一遍

无论如何，你的代码不起作用，因为flexbox和IE有很多很多错误；你的flex列是罪魁祸首。只要把它取下来就行了

.flex行{
显示器：flex；
弹性：1100%；
弯曲方向：行；
柔性包装：包装；
}
.flex col{
利润率：6px；
填充：16px；
背景色：黑色；
显示器：flex；
证明内容：中心；
弹性：10像素；
弯曲方向：立柱；
颜色：白色；
}

果断地协商互操作门户，而无需跨职能流程改进。通过以下方式极大地激励战术最佳实践：。
无缝地提高竞争力。
与即插即用信息媒体相比，独特地优化以用户为中心的思维共享。无缝优化有效的解决方案和支持的基础架构。
通过流行性供应链动态扩展灵活的变革催化剂。效率高。

@FacundoCarrodini“对齐项目中心”用于将各个列中的项目居中对齐，而不考虑高度。移除对齐项目后，它确实解决了问题，并保留在中心，thanks@drupi17对齐项目：拉伸（默认）在您的.flex行上+对齐内容：以您的.flex列为中心；）