AjaxControlToolkit 16.1 TabContainer CSS不工作/中断

Question

我正在使用带有TabContainer的Ajax Control Toolkit第15版并使用CSS而没有任何问题。

然而，一旦升级到版本16.1，TabContainer CSS就会崩溃。 TabContainer的内容现在显示在选项卡的右侧，如下图所示。

Answer 1

经过多次搜索，找到了解决方案。但是还没有在stackoverflow中共享，因此我在这里分享它。原始答案来自HERE

我将在此处分享解决方法，以防将来链接中断。

我所做的是将下面的CSS添加到选项卡CSS文件中。

.Tab .ajax__tab_header:after {
    clear: both;
}

.Tab .ajax__tab_header:before, .tab .ajax__tab_header:after {
    content: "";
    display: table;
}

之后，在标题样式中添加以下“display”

.Tab.ajax__tab_header{
    display: inline-block;
}

请注意，您需要将.Tab更改为您自己的班级名称。

结果将恢复正常。