Primeflex Flexgrid对IE11的支持？任何解决方法，以使flexgrid在IE上正常工作？

Question

使用“ p-dir-col”进行列对齐在IE11中未按预期显示。

要进行复制，请查看在Internet Explorer 11中打开的演示页面： https://www.primefaces.org/primeng/#/flexgrid

=>例如，在IE中，每行之间都没有空格，而各列则可以在Chrome中正确显示。

On IE

On other browsers e.g chrome

Answer 1

我尝试访问PrimeNG网站，并尝试使用Chrome和IE 11浏览器检查该示例。

我对其进行了一些测试，发现该问题是由弹性基础

引起的

我检查了文档，并在下面找到了信息。

  

指定非自动伸缩基础时，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中，因为用户无法在第三方实用程序中进行任何更改。