在TabContainer中定位标签

我正在与ajaxtoolkit:TabContainer一起工作。在TabContainer中定位标签

我需要添加两个选项卡（我可以做），但我需要在最左边的标签标题之一，另一个在最右边。

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

是否可以分开标签页眉？

编辑：

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

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

而且会做的伎俩。问题是，这个解决方案在我瞄准的浏览器IE8中不起作用。有没有解决这个问题的方法？

来源

2011-06-02 mcabral

你是否尝试过改变html视图中tabpanels的顺序？见[这里]（http://forums.asp.net/p/1186178/2034285.aspx）。 – Marijn 2011-06-02 18:17:26

@Marijn我对订单没有任何问题，我只是希望标签标题分开。他们总是粘在一起。感谢您的时间:) – mcabral 2011-06-02 18:23:31

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

您可以使用这种风格（没有在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。

来源

2011-06-03 07:26:02

= d Selectivizr

看看这个JS库...这将解决你的CSS选择器的问题

来源

2011-06-02 23:57:08 BentOnCoding

在TabContainer中定位标签

回答

相关问题