增加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 Control Toolkit TabContainer的该元素的样式名为.ajax__tab_header_verticalleft。这样的事情应该有效：

.ajax__tab_header_verticalleft 
{
    width: 200px;
}

您可以从200px拨回一些，但这应该适合您。

Answer 2

希望这可以帮助其他任何面临同样问题的人。

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