Html IE 11忽略显示宽度：flex child

我目前正在尝试解决

display:flex

和Internet Explorer 11的一个问题。我有一张固定宽度的桌子，里面有一个div，里面有

display:flex

。这会导致表格在IE11中拉伸。我尝试使用

flex-wrap

属性，它根本不会改变IE中的行为，但也会改变chrome中的布局。当你在IE11和Chrome（或者其他浏览器）中打开它时，我将代码分解为下面的代码片段，其中显示了问题所在。有人知道如何在IE11中实现Chrome的正确行为吗

（初始片段）

表格{
宽度：200px；
边框：1px实心#000；
}
.flex{
显示器：flex；
}
.图标：之前{
内容：“✆";
}

Lorem Ipsum dolor坐在amet Lorem Ipsum dolor等。。。

这是因为IE不接受

auto

作为

flex basis

的默认值

如果您将其更改为

flex-basis:0

，它将按预期工作

表格{
宽度：200px；
边框：1px实心#000；
}
.flex{
显示器：flex；
/*flex-wrap：wrap；也在Chrome中破坏布局*/
}
.图标：之前{
内容：“✆";
}
.内容{
柔性生长：1；
弹性收缩：0；
弹性基准：0；
}

Lorem Ipsum dolor坐在amet Lorem Ipsum dolor等。。。

IE需要

表格布局：固定的

播放

表格{
宽度：100px；
边框：1px实心#000；
表布局：固定
}
.flex{
显示器：flex；
}
.图标：之前{
内容：“✆";
}

Lorem Ipsum dolor坐在amet Lorem Ipsum dolor等。。。

愚蠢的问题，但我需要前缀还是类似的东西？IE11中的flexbox有很多问题。请检查此处的“已知问题”选项卡：IE11上不需要前缀，IE10需要

-ms-

这是一个非常好的问题，现在唯一的问题是，表列不再依赖于实际内容宽度，这导致一些还有一些问题，比如泛滥text@MatthiasS.嗯，这就是问题所在，因为IE不会像其他浏览器那样识别宽度……IE的众多缺陷之一。Paulie_D的解决方案可能对你更有效。两种方法都试过了，但最后都没关系；-）不，说真的，Paulie_D的解决方案也会导致完全相同的问题=/@马提亚斯。你能详细说明下一期的内容吗？我们会看到，我自己能走多远，但是的，也许；）谢谢你在这个问题上的努力！谢谢，保利，现在唯一的问题是，就像LGSon的回答一样，专栏的宽度似乎不再取决于内容，这导致了有一些溢出。