使用“p-dir-col”的列对齐方式在 IE11 中未按预期显示。
要重现，请查看在 Internet Explorer 11 中打开的演示页面： https://www.primefaces.org/primeng/#/flexgrid
=> IE 中的每一行之间没有空格，而列在例如 Chrome 中正确显示。
【问题讨论】：
标签： css internet-explorer primeng msflexgrid primeflex
我尝试访问 PrimeNG 站点并尝试使用 Chrome 和 IE 11 浏览器检查该示例。
我用它做了一些测试，发现这个问题是由 flex-basis
引起的我查看了文档并在下面找到了信息。
指定非自动弹性基准时，Internet Explorer 10 和 11 总是使用内容盒模型来计算 flex 的大小 项目，即使 box-sizing:border-box 应用于元素。
参考：
Flex basis Browser compatibility
在这里，如果您使用开发人员工具检查该网格上 flex-basis 的值，您会发现它被设置为 0px
要解决 IE 浏览器的问题，您需要设置 flex-basis: auto，如下所示。
flex-basis:auto;
在 IE 11 中的测试结果：
作为一种解决方法，用户可以创建自定义 CSS 类并使用网格在 IE 中正确显示，因为用户无法在第三方实用程序中进行任何更改。
【讨论】：