AjaxControlToolkit 16.1 TabContainer CSS funktioniert nicht/Bricht

Question

Ich benutzte Ajax Control Toolkit ver 15 mit TabContainer und CSS problemlos verwenden.

Wie auch immer auf 16.1 aktualisiert, bricht der TabContainer CSS. Der Inhalt des TabContainers wird nun auf der rechten Seite der Tabs angezeigt, wie in der Abbildung unten.

Answer 1

Nach langem Suchen fand die Lösung. Aber es gibt noch keinen Stackoverflow, also teile ich es hier. Die ursprüngliche Antwort kommt von HERE

Ich werde die Problemumgehung hier für den Fall teilen, dass die Verbindung in der Zukunft gebrochen wird.

Was ich getan habe, war das Hinzufügen der folgenden CSS in die Registerkarte CSS-Datei.

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

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

Danach fügen Sie auch die folgenden ‚display‘ in die Header-Stil

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

Hinweis, dass Sie verpflichtet sind, die .TAB in Ihre eigene Klassennamen zu ändern.

Das Ergebnis wird wieder normalisiert.