Internet Explorer 8 中生成内容的文本对齐答案

【问题标题】：Text-alignment of generated content in Internet Explorer 8Internet Explorer 8 中生成内容的文本对齐
【发布时间】：2012-04-03 15:11:32
【问题描述】：

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

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

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

在所有现代浏览器（和 IE9）上，内容都是居中对齐的，因为容器使用 text-align:center;。但是，在 IE8 中，“这里的字幕”是向左刷新的。

有没有办法用 CSS 来控制它？

谢谢。

【问题讨论】：

将这样的文本放入css:after毕竟不是一个好主意。
一般来说这是对的，但如果文本是真正的设计元素，这不是问题。装饰文本属于样式层中的 CSS。

标签： css internet-explorer-8

【解决方案1】：

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

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

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

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

【讨论】：

【解决方案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;
}

希望这对某人有所帮助。

【讨论】：

【解决方案3】：

由于我遇到的一个潜在问题，上述答案都不适合我。显然 IE8 不支持::after，我将其更改为:after 并且它按预期工作。

值得一试！

【讨论】：