首页 > 解决方案 > Flex order 和 flex-direction 在 IE11 和 Edge 中不起作用

问题描述

我正在尝试在表中使用or flex order,但在 IE11 和 Edge 中失败。谁能告诉我为什么或给我另一种方式来改变他们的订单?这是代码片段。flex-direction<td>

tr {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    /* flex-direction: row-reverse; */
}
td.a {
    order: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;

}
td.b {
    order: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
}
<html>
    <head>
    </head>
    <body>
        <table>
            <tr>
                <td class="a">1</td>
                <td class="b">2</td>
            </tr>
        </table>
    </body>
</html>

标签: htmlcssflexboxinternet-explorer-11

解决方案


推荐阅读