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中生成的內容的文本對齊方式

回答

相關問題