Выравнивание текста сгенерированного контента в Internet Explorer 8

Question

Я отлаживаю этот сайт и пытаюсь разобраться с некоторыми проблемами, которые возникают в Internet Explorer (большой сюрприз).

Я добавляю подзаголовок к нескольким ссылкам следующим образом:

.subtitle a:after {
    content:"The Subtitle Here";
}

Во всех современных браузерах (и IE9) содержимое выравнивается по центру, поскольку контейнер использует text-align:center;. Однако в IE8 «Субтитры здесь» сбрасываются влево.

Есть ли способ контролировать это с помощью CSS?

Спасибо.

Answer 1

Оказывается, вы можете сделать это легко:

Я добавил другое правило стиля, предназначенное для добавляемого содержимого ...

.subtitle a:after {
    text-align:center;
}

Я думаю, IE9 и другие браузеры наследуют text-alignсвойство для :after контента, но IE8 нет.IE всегда делает это интересным ...

Answer 2

Ни один из приведенных выше ответов не помог мне из-за основной проблемы, с которой я столкнулся. По-видимому, IE8 не поддерживает ::after, я изменил его на :after, и он работал так, как задумано.

Стоит проверить на!

Answer 3

text-align:center

не работал для меня.Вот как я это исправил в IE8.(У меня есть отдельная таблица стилей для IE8)

.printIcon:after {
    content: "Print" !important;
    text-align: center !important;
    margin-top: 25px !important;
    position:relative !important;
    left:25px !important;
}

Надеюсь, это кому-нибудь поможет.