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

我在调试this site并尝试解决Internet Explorer中出现的一些问题（令人惊讶）。Internet Explorer 8中生成的内容的文本对齐方式

我加入一个副标题几个环节如下：

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

在所有现代浏览器（和IE9）的含量是中心对齐，因为容器使用text-align:center;。但是，在IE8中，“这里的字幕”被刷新了。

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

谢谢。

来源

2012-04-03 emersonthis

把这样的文字放入'css：after'中毕竟不是一个好主意。 – kirilloid 2012-04-03 15:14:48

一般而言，这是真实的，但如果文字确实是一个设计元素，这不是问题。装饰文本属于CSS样式图层。 – emersonthis 2012-04-03 20:21:58

事实证明，你可以很容易地做到这一点：

我补充说，针对添加的内容另一种风格规则...

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

我想IE9等浏览器继承text-align属性:after内容，但IE8没有。 IE始终保持它的有趣...

来源

2012-04-03 15:18:32 emersonthis

text-align:center

没有为我工作。这是我如何在IE8中修复它的。（我有一个单独的样式表IE8）

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

enter image description here

希望这可以帮助别人。

来源

2014-02-24 22:18:03 JenonD

上述两个答案都不适用于我，因为我有一个潜在的问题。显然，IE8不支持::after，我将其更改为:after，它的工作原理与预期一样。

值得检查！

来源

2014-07-22 11:26:25 speak

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

回答

相关问题