css - Internet Explorer 8 中生成内容的文本对齐

Question

我正在调试 this site并尝试解决 Internet Explorer 中出现的一些问题(大惊喜)。

我正在为几个链接添加副标题，如下所示:

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

在所有现代浏览器(和 IE9)上，内容都是居中对齐的，因为容器使用 text-align:center;。但是，在 IE8 中，“此处的字幕”向左冲洗。

有什么方法可以用 CSS 控制它吗？

谢谢。

Answer 1

事实证明你可以轻松做到:

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

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

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