6

表内のテキストを IE の中央に表示するのに問題があります。

Firefox 2、3、および Safari ではすべて正常に動作しますが、IE 6 または 7 では何らかの理由でテキストが中央に表示されません。

私は使用しています：

h2 {
  font: 300 12px "Helvetica", serif; 
  text-align: center; 
  text-transform: uppercase;
}

私も追加しようとしましたmargin-left:auto;、margin-right:autoそしてposition:relative;

無駄に。

4

6 に答える 6

6

CSS の text-align プロパティは、中央に配置しようとしている要素ではなく、親要素で宣言する必要があります。IE は text-align: center プロパティを使用してテキストを中央揃えにします。Firefox は margin: 0 auto を使用し、中央に配置しようとしている要素で宣言する必要があります。

<div style="text-align: center">
    <h2 style="margin: 0 auto">Some text</h2>
</div>
于 2008-09-16T01:52:35.990 に答える
4

表のセルには text-align: center が必要です。

于 2008-09-16T01:41:55.440 に答える
2

タイプミスの可能性がありますが、ここにセミコロンがありません。

margin-left:auto; margin-right:auto position:relative;

する必要があります：

margin-left:auto; margin-right:auto; position:relative;

それでも問題が解決しない場合は、テキストを中央に配置しようとしている要素にある程度の幅があることを確認してください。幅を100％に設定して、何か変化がないか確認してください。

于 2008-09-16T01:56:14.640 に答える
0

text-align: centerブロック要素 (h2) 内のテキストを中央に配置しているため、これで十分なはずです。マージンを調整すると、テキストではなくブロックの位置が変更されます。

fontあなたがそこに持っている宣言でIEがダミースピットをしているだけなのだろうか？

于 2008-09-16T01:45:34.230 に答える
0

h2 を囲む div/td で text-align:center を使用します。

<table style = "width:400px;border:solid 1px;">
    <tr>
        <td style = "text-align:center;"><h2>hi</h2></td>
    </tr>
</table>

編集: うわー、stackoverflow のコミュニティはかなり速いです!

于 2008-09-16T01:46:23.290 に答える