1. ホーム
  2. html

[解決済み] テーブルを水平に揃えるCSSの方法

2022-12-14 07:08:45

質問

ブラウザの中央に固定幅のテーブルを表示させたい。現在、私は

<table width="200" align="center"> 

しかし、Visual Studio 2008では、この行で警告が表示されます。

属性 'align' は時代遅れと見なされます。より新しい構成が推奨されます。

同じレイアウトを得るために、どのようなCSSスタイルをテーブルに適用すればよいですか?

どのように解決するのですか?

スティーブンの言うとおり 理論 :

<ブロッククオート

CSS を使ってテーブルを中央揃えにする「正しい」方法です。適合するブラウザは、左と右のマージンが等しい場合、テーブルを中央揃えにするはずです。これを実現する最も簡単な方法は、左と右のマージンを "auto" に設定することです。このように、スタイルシートに記述することができます。

table
{ 
    margin-left: auto;
    margin-right: auto;
}

しかし、この回答の冒頭で述べた記事では、テーブルを中央に配置する他のすべての方法を提供しています。

エレガントなCSSのクロスブラウザ・ソリューションです。 これは、MSIE 6 (Quirks and Standards)、Mozilla、Opera、および Netscape 4.x の両方で、明示的な幅を設定することなく動作します。

div.centered 
{
    text-align: center;
}

div.centered table 
{
    margin: 0 auto; 
    text-align: left;
}


<div class="centered">
    <table>
    …
    </table>
</div>