2

我正在与ajaxtoolkit:TabContainer.

我需要添加两个选项卡（我可以这样做），但我需要一个位于最左侧的选项卡标题和另一个位于最右侧的选项卡标题。

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

是否可以分隔选项卡标题？

编辑：

正如@1stein 评论的那样，我可以使用

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

这样就可以了。问题是，这个解决方案在我的目标浏览器 IE8 中不起作用。有什么解决方法吗？

4

2 回答 2

1

您可以使用这种风格（不适用于 IE 低于 9 的版本）：

.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。

于 2011-06-03T07:26:02.473 回答
0

=D选择性

查看这个 js 库...它将解决您的 css 选择器问题

于 2011-06-02T23:57:08.590 回答