IE10需用-ms-flexbox整套旧语法：display: -ms-flexbox、-ms-flex-pack、-ms-flex-direction等，不支持flex-wrap和三值-ms-flex，且属性值严格限定。
IE10的flex语法不认display: flex怎么办
IE10只支持旧版Flexbox规范（2012草案），直接写display: flex会被完全忽略，必须改用display: -ms-flexbox。这不是加前缀那么简单——整个属性体系都不同，比如justify-content在IE10里得写成-ms-flex-pack。
- 所有flex相关属性都要配IE10专用版本，不能只改
display -
-ms-前缀仅对IE10生效，IE11已切换到标准语法，但依然支持-ms-flexbox（只是不推荐） - 别混用：同一元素上同时写
display: flex和display: -ms-flexbox，IE10会按CSS层叠规则取后者，但其他浏览器可能因解析顺序出问题
IE10 flex容器的主轴对齐怎么写
justify-content在IE10里对应-ms-flex-pack，可选值是start/end/center/justify，不是flex-start那些。写错值会导致对齐完全失效，页面看起来“没反应”。
-
-ms-flex-pack: start≈justify-content: flex-start -
-ms-flex-pack: justify≈justify-content: space-between（注意：IE10没有space-around） - 别写
-ms-flex-pack: flex-start——IE10不认识，会回退到默认start，但容易误以为写对了
IE10里flex-direction: column怎么兼容
IE10用-ms-flex-direction，但只支持row和column两个值，不支持row-reverse或column-reverse。如果项目真需要反向排列，得靠order属性手动调序。
-
-ms-flex-direction: column必须配合display: -ms-flexbox才生效 - IE10的
flex-wrap完全不支持，-ms-flex-wrap不存在——多行flex布局在IE10里只能靠固定高度+溢出处理 - 容器设了
-ms-flex-direction: column后，子项的height可能被忽略，需显式设置max-height或用-ms-flex控制伸缩
-ms-flex和标准flex参数差异在哪
IE10的-ms-flex是单值属性，只接受一个数字（如-ms-flex: 1），对应标准语法的flex: 1 1 0。它不支持三值写法，也不解析auto或none。
-
-ms-flex: 0≈flex: none（不伸缩、不收缩） -
-ms-flex: 1≈flex: 1（等比分配剩余空间） - 想实现
flex: 0 0 auto？IE10做不到，得用width/height+max-width模拟 - 别给
-ms-flex传1 1 auto——IE10直接当无效声明丢弃
IE10的flex不是“加个前缀就能跑”，它是另一套语法。最常被忽略的是：容器和子项的属性必须整套替换，漏掉任意一个-ms-版本，布局就断掉。而且调试时看不到报错，只有视觉错乱——得靠对比Chrome渲染结果逐个排查。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
