Html 当在表中时，如何在IE11中包装flex项？

我有以下代码（），需要在IE11中运行（因为它在普通浏览器中工作）

卡片应包装在显示的窗口中（无水平边框，仅在需要时垂直）。。

.table{display:table；}
.container{display:flex；flex wrap:wrap；}
.card{宽度：300px；高度：100px；背景：绿色；边距：2px；}

1.
2.
3.
4.
5.
6.
7.
8.

添加

表格布局：固定；宽度：100%到父级
。表
包装器在IE11中为我修复了这个问题。但是，我建议不要在表格布局中放置某些内容，除非您需要显示表格内容。。。不管怎样，您确实希望使用语义
元素来实现这一点

您可能需要全屏查看下面的代码段，具体取决于您的分辨率，以便查看它的堆叠/包装。在我的26英寸1080p显示器上，IE未最大化，由于站点列布局的最大宽度限制，它仅显示一列


.table{显示：表格；表格布局：固定；宽度：100%；}
.container{display:flex；flex wrap:wrap；}
.card{宽度：300px；高度：100px；背景：绿色；边距：2px；}

1.
2.
3.
4.
5.
6.
7.
8.
表格要求从何而来？为了不破坏页面中的其他逻辑，我需要保留显示：表格，因此您的解决方案帮助了我！谢谢！