增加TabContainer標頭的寬度

Question

我有一個垂直的TabContainer，但是無法固定TabPanel的寬度（它會增加一點，但不會增加到文本的整個寬度）。 文本隱藏在ContentTemplate的后面。 例如：

這是標記：

  <asp:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="0" Visible="false"  UseVerticalStripPlacement="true">
       <asp:TabPanel ID="TabPanel2" runat="server" >
             <HeaderTemplate>
                   <div style="width: 200px">General Examination </div>
             </HeaderTemplate>
             <ContentTemplate>  </ContentTemplate>
        </asp:TabPanel>

如何將選項卡的寬度固定為全部相同？ 第二個選項卡“一般考試”不完全可見。

Answer 1

您需要為選項卡標題添加一些CSS。 應用於AJAX控制工具包TabContainer的元素的樣式稱為.ajax__tab_header_verticalleft 。 這樣的事情應該起作用：

.ajax__tab_header_verticalleft 
{
    width: 200px;
}

您也許可以從200px開始回撥，但這應該對您有用。

Answer 2

希望這可以幫助其他面臨相同問題的人。

在asp：TabContainer中提供VerticalStripWidth =“ 150px”