c# - 增加 TabContainer header 的宽度

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"