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

eme*_*his 3 css internet-explorer-8

我正在调试这个网站并尝试解决Internet Explorer中出现的一些问题(大惊喜).

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

.subtitle a:after {
    content:"The Subtitle Here";
}
Run Code Online (Sandbox Code Playgroud)

在所有现代浏览器(和IE9)上,内容都是中心对齐的,因为容器使用了text-align:center;.但是,在IE8中,"The Subtitle Here"向左冲洗.

有没有办法用CSS控制它?

谢谢.

eme*_*his 5

结果你可以轻松地做到:

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

.subtitle a:after {
    text-align:center;
}
Run Code Online (Sandbox Code Playgroud)

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