CSS FlexBox未在Internet Explorer 11中包装到表内

查看以下代码。在Chrome浏览器中查看时，内部td内容正在包装，但在Internet Explorer 11中，内容没有包装

请帮忙：）

JS

CSS

HTML

内容内容内容内容
内容内容内容内容
内容内容内容内容

请原谅，为什么您要在桌子内使用flexbox？我有几件物品要垂直居中对齐。chrome中的Flexbox给了我一个很好的结果来实现这一点。我的问题是为什么要使用表格……在20世纪90年代使用表格的布局方法中，使用像Flexbox这样的高级布局方法是在倒退。@Paulie_D我也遇到了这个问题。我的应用程序在外部已经有了一个表布局，我正在添加的新页面只有在使用flexbox或使用Javascript重新排列不同屏幕宽度时才能满足要求。我们都喜欢使用最新最闪亮的代码，但有时我们不得不处理遗留代码。

 .flexbox {
     min-height:60px;
     height:60px;
     align-items: center;
     display: flex;
     flex-wrap: wrap;          
 }
 .moreblue {
     background-color: blue;
 }
 .moregreen {
     background-color: darkgreen;
 }
 .red {
     background-color: red;
 }

<table>
    <thead>
        <td>
            <div class="flexbox moregreen">CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT</div>
        </td>
    </thead>
</table>
<table>
    <thead>
        <td>
            <div class="moreblue">CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT</div>
        </td>
    </thead>
</table>
<div class="flexbox red">CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT</div>