1

私は自分のポートフォリオを持っています。すべてのブラウザーで見栄えがしますが、Internet Explorer ではコンテナーが中央に表示されないようです。使用していますが、機能していませんmargin: 0 auto;。Internet Explorer で修正するにはどうすればよいですか?

コードへのリンクは次のとおりです: http://christianbovine.com/

4

3 に答える 3

1

古いバージョンのIEでは、次のように、text-alignを不適切に使用する必要があります。

<div style="text-align: center;">
    <div style="text-align: left; width: 300px; margin: 0 auto;">
        <p>Content goes here</p>
    </div>
</div>

幅は純粋に参照用に追加され、マージンは純粋にクロスブラウザの互換性のために追加されています。

あなたの場合、2番目の「コンテナ」div（つまりcontainerInner）を追加することをお勧めします。そうすれば、CSSに次のようなものを追加できます。

div#container { text-align: center; }
div#containerInner { text-align: left; }
于 2011-03-15T13:44:54.347 に答える
1

親要素では、「text-align」属性を使用します。例えば：

body{
    text-align:center;
}
于 2011-03-15T13:46:25.643 に答える
0

text-align:centerbody タグに使用するか、すべてのコンテンツをタグ内にラップします。

また、使用を検討することもできますdisplay:inline-block。これにより、要素の幅と高さのプロパティを指定できます (ブロックではなくインラインに設定されている場合、幅と高さの属性は無視されます)。

于 2011-03-15T13:50:33.840 に答える