Question

我在我的ASP.net应用程序中使用CSS。我正在使用以下代码进行正确对齐。它在Chrome和Mozilla中运行良好，但在IE 10中不起作用。在我的代码中，我使用嵌套的“div”，但在IE中，我的内部div文本已经超出了外部div。

<div id="divTermsConditions">
        <div class='Orangetitle'>
            <Mycontrols:MYLabel ID="lblTermsConditions" CssClass="TcHeader" runat="server" TextKey="TermsAndConditions"></Mycontrols:MYLabel>
        </div>
</div>

在浏览器中呈现为：

<div id="divTermsConditions">
    <div class="Orangetitle">
        <span id="lblTermsConditions" class="TcHeader">Terms and conditions</span>
    </div>
</div>

我的CSS：

.TcHeader
{
    margin-left: -187px;
}

对于IE10，下面的代码是工作文件

.TcHeader
{
    margin-left: 0px;
}

选项：

是否有合适的CSS可以在所有浏览器中使用并解决我的问题？
或者，我应该为IE和Mozilla编写单独的CSS文件吗？如果是这样，我该怎么做呢？

Answer 1

您应该添加<html data-useragent="Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)"> 然后在css中添加以下代码

.TcHeader [data-useragent*='MSIE 10.0']
{
    margin-left: 0px;
}

asp.net中的10和mozilla的条件css

1 个答案: