水平导航无法在Microsoft Edge / IE中使用

Question

我正在开展一个学校项目，我有一个可以在Chrome，Firefox，Safari等中正常运行的导航栏。但是，它无法在Edge或IE上正常显示。这就是它应该看起来的样子：

以下是它在Edge / IE上的外观：

#container

add_action('admin_head', 'styling_admin_order_list' );
function styling_admin_order_list() {
    global $pagenow, $post;

    if( $pagenow != 'edit.php') return; // Exit
    if( get_post_type($post->ID) != 'shop_order' ) return; // Exit

    // HERE we set your custom status
    $order_status = 'Dispatched'; // <==== HERE
    ?>
    <style>
        .order-status.status-<?php echo sanitize_title( $order_status ); ?> {
            background: #d7f8a7;
            color: #0c942b;
        }
    </style>
    <?php
}

Answer 1

尝试使用display: flex中的ul：

nav ul {
  display: flex;
  ...
}

更多细节：https://www.w3schools.com/css/css3_flexbox.asp