Question

我在IE8上垂直显示列表，而在Chrome和IE11上，它们看起来是按照假设彼此相邻排列的！

@model MyModel

@{
    ViewBag.Title = "Index2";
}

@Styles.Render("~/Content/css")

<meta http-equiv="X-UA-Compatible" content="IE=8">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>Test</title>

<style type="text/css" media="all">
    .menu_bar > li {
        float: left;
    }
</style>

<link href="~/Content/css_index/bootstrap.min.css" rel="stylesheet">
<script src="~/Scripts/jQuery IE8/jquery-1.11.3.js"></script>
<script src="~/Scripts/js/bootstrap.min.js"></script>

@*nav-pills nav-justified setup-tab table-bordered*@ 

<div style="top: 78px; width: 100%; overflow: auto;">
    <div class="container container-non-responsive">
        <div style="margin-bottom: 3%">
            <ul class="nav nav-tabs nav-pills nav-justified" id="myTab">
                <li class=" table-bordered active"><a data-target="#teste1" data-toggle="tab"><label style="border-bottom-style: initial">Test1</label><i class="fa"></i></a></li>
                <li class=" table-bordered"><a id="teste2" data-target="#teste2" data-toggle="tab"><label style="border-bottom-style: initial">Test2</label> <i class="fa"></i></a></li>
                <li class="table-bordered"><a id="teste3" data-target="#teste3" data-toggle="tab"><label style="border-bottom-style: initial">Test3</label><i class="fa"></i></a></li>
            </ul>
        </div>                   
    </div>
</div>

我注意到以下类： nav nav-tabs nav-pills

在IE8和IE11上显示相同但是当我在div上添加nav-justified类时，列表在浏览器上的显示方式不同。

我该如何解决这个问题？这是一种紧急情况，我需要一个快速的解决方案，非常感谢你！

nav-justified不能在IE8上工作

0 个答案: