2

アイコンフォント（IcoMoonh4で生成）を挿入するための疑似要素である要素を作成しました。要素がに設定され、アイコンも中央に配置されるように設定されます。完全！:beforeh4text-align: center;display: block;

問題はIE8にあります。h4要素は中央に配置されますが、を使用して挿入されたアイコンは:before左揃えになります。before要素にtext-align: centerプロパティを与えてみました。また、以下を適用してみました。

display: block;
width: 80px;
margin: 0 auto;

今、私は次に何を試すべきかわかりません。アイコンのコードは次のとおりです。

[class^="ico-fonts-"]:before, 
[class*=" ico-fonts-"]:before {
    font-family: @icoFont;
    font-style: normal;
    speak: none;
    font-weight: normal;
    line-height: 1;
}

任意の提案をいただければ幸いです！:-)

4

2 に答える 2

2

だから私は自分の質問に対する答えを見つけました、そしてそれはこれです：

Internet Explorer 8は、：beforeおよび：afterによって生成されたコンテンツを要素の外部として扱います。

ただし、他のすべてのブラウザー（IE7を除く）は、：beforeおよび：after疑似要素によって生成されたコンテンツを要素の一部として扱います。

だから私は単に書く必要がありました：

.ico-fonts:before { text-align: center~"\9"; }

于 2013-02-15T18:18:09.687 に答える
0

ズーム：1を追加してみましたか？多くのIE8CSSの癖を修正します。

于 2013-01-11T10:49:19.610 に答える