在 TabContainer 中定位選項卡

Question

我正在使用ajaxtoolkit:TabContainer 。

我需要添加兩個選項卡（我可以這樣做），但我需要一個位於最左側的選項卡標題和另一個位於最右側的選項卡標題。

我一直在玩 CSS ( float:left; etc; ) 但我無法將它們分開。 他們總是一個接一個地粘在一起。

是否可以分隔選項卡標題？

編輯：

正如@1stein 評論我可以使用

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

這樣就可以了。 問題是，這個解決方案在我的目標瀏覽器 IE8 中不起作用。 有什么解決方法嗎？

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

Answer 2

=D選擇性

查看這個 js 庫...它將修復您的 css 選擇器問題