0

我正在为我的 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;
}

选项：

  1. 是否有任何合适的 CSS 可以在所有浏览器中运行并解决我的问题？
  2. 或者，我应该为 IE 和 Mozilla 编写单独的 CSS 文件吗？如果是这样，我该如何做到这一点？
4

1 回答 1

-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;
}
于 2013-09-18T09:10:24.683 回答