AjaxControlToolkit 16.1 TabContainer CSS не работает/ломается

Question

Я использовал Ajax Control Toolkit версии 15 с TabContainer и без проблем использовал CSS.

Однако после обновления до версии 16.1 CSS-таблица TabContainer разбивается. Содержимое 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; 
} 

После этого, добавьте также следующий «дисплей» в ваш стиль заголовка

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

Обратите внимание, что вы обязаны изменить .tab в свое собственное имя класса.

Результат вернется к норме.