2011-06-02 60 views
2

我正在與ajaxtoolkit:TabContainer一起工作。在TabContainer中定位標籤

我需要添加兩個選項卡(我可以做),但我需要在最左邊的標籤標題之一,另一個在最右邊。

我一直在玩CSS(float:left; etc;),但我不能將它們分開!他們總是表現出自己一個接一個地粘在一起。

是否可以分開標籤頁眉?

編輯:

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

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

而且會做的伎倆。問題是,這個解決方案在我瞄準的瀏覽器IE8中不起作用。有沒有解決這個問題的方法?

+0

你是否嘗試過改變html視圖中tabpanels的順序?見[這裏](http://forums.asp.net/p/1186178/2034285.aspx)。 – Marijn 2011-06-02 18:17:26

+0

@Marijn我對訂單沒有任何問題,我只是希望標籤標題分開。他們總是粘在一起。感謝您的時間:) – mcabral 2011-06-02 18:23:31

+0

[這裏](http://www.krissteele.net/blogdetails.aspx?id=117)是TabContainer和CSS的一些提示。 – 2011-06-02 18:26:51

回答

1

您可以使用這種風格(沒有在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。