CSSを使ってテーブルを中央揃えする簡単な方法

1行のコードは、テーブルを中央に置くために必要なものです

Cascading Style Sheets（CSS）は、 HTMLやXHTMLで書かれたWebページのビジュアルスタイルを設定するためによく使われるスタイルシート言語です。 あなたはウェブデザインやCSSの初心者かもしれませんし、ウェブページにテーブルをどのように配置するかについての質問もあります。 また、CENTERタグとalign = "center"属性がTABLEタグで廃止されたので、このテクニックの実行方法を混乱させる経験豊富なデザイナーかもしれません。 CSSでは、Webページにテーブルをセンタリングすることはまったく困難ではありません。

CSSを使用して表を中央揃えする

CSSスタイルシートに1行追加して、すべてのテーブルを水平に配置することができます。

同じ行をテーブルに直接追加することもできます：

Webページにテーブルを配置するときは、BODY、P、BLOCKQUOTE、DIVなどのブロックレベルの要素内に配置します。 マージンを使用して、その要素の中にテーブルを配置することができます：auto; スタイル。 これは、テーブルのすべての辺のマージンを等しくするようにブラウザに指示します。これにより、Webページの中央にテーブルが配置されます。

一部の古いWebブラウザはこのメソッドをサポートしていません

サイトでInternet Explorer 6などの古いWebブラウザをサポートする必要がある場合は、引き続きalign = "center"またはCENTERタグを使用してテーブルを中央に配置する必要があります。 これは、Webページにテーブルをセンタリングするときに遭遇する唯一の問題です。 この手法を使用するのは簡単で数分で実行できます。