Internet Explorer 8中生成的内容的文本对齐方式

Question

我正在调试this site并尝试解决Internet Explorer中出现的一些问题（非常惊讶）。

我正在为几个链接添加一个子标题，如下所示：

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

在所有现代浏览器（和IE9）上，内容都是居中对齐的，因为容器使用text-align:center;。但是，在IE8中，“The Subtitle Here”被刷新了。

有没有办法用CSS控制它？

感谢。

Answer 1

原来你可以轻松完成：

我添加了另一个针对添加内容的样式规则...

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

我猜IE9和其他浏览器继承了text-align内容的:after属性，但IE8却没有。 IE总是让它变得有趣......

Answer 2

text-align:center

对我不起作用。这就是我在IE8中修复它的方法。 （我有一个单独的IE8样式表）

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

希望这有助于某人。

Answer 3

由于我遇到的根本问题，上述答案都不适用于我。显然，IE8不支持::after，我将其更改为:after，它的工作方式与预期一致。

值得检查！