Question

我正在使用ajaxtoolkit:TabContainer。

我需要添加两个标签（我可以这样做），但我需要最左边的标签标题之一和最右边的标题标题。

我一直在玩CSS（float:left; etc;），但我无法将它们分开！他们总是表现出一个接一个地粘在一起。

是否可以分隔标题页？

修改

正如@ 1stein评论我可以使用

.ajax__tab_header :nth-child(2) { float: right !important; }

这将成功。问题是，这个解决方案在IE8中不起作用，IE8是我的目标浏览器。有没有解决方法呢？

Answer 1

您可以使用此样式（在第9版以下的IE中不起作用）：

.ajax__tab_header :nth-child(2)
{
    float: right !important;
}

或者您可以通过javascript（在ScriptManager下方）应用样式：

<script type="text/javascript">
    Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(pageLoaded);

    function pageLoaded(sender, args) {
        $get("<%= TabPanel2.ClientID %>_tab").setAttribute("style", "float:right");
    }
</script>

TabPanel2是TabPanel的ID，你需要向右移动。

Answer 2

= D Selectivizr

查看这个js库...它将修复你的css选择器问题

在TabContainer中定位选项卡

2 个答案: