Skip to main content

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

【HTML CSS】position、flexを使用した上下中央揃え (六月 2026)

【HTML CSS】position、flexを使用した上下中央揃え (六月 2026)
Anonim

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

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

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

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

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

古いWebブラウザの中にはこの方法をサポートしていないものがあります

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