Sitemap

クイックナビゲーション

表は、多くの情報を整理して表示する優れた方法です。販売データ、Web ページのトラフィック、株式市場の動向、学生の成績などは、テーブルで表されることが多い情報の例です。

HTML を使用して Web ページに表を追加する場合、表をページの中央に配置した方が視覚的に魅力的です。テキストと画像の中央揃えは通常、text-align クラスまたは CSS を介して行われますが、表の中央揃えには別のアプローチが必要です。表を Web ページの中央に配置する方法の詳細を以下に示します。

HTML での表の中央揃え

表を Web ページに追加すると、既定では、以下に示すように、ページまたはコンテナーの左側に配置されます。

ヒット 総増加
324,497 1998年1月 -
436,699 1998年2月 112,172

上記の表の HTML ソース コードは次のとおりです。

HITS MONTH TOTAL INCREASE
324,497 January 1998 -
436,699 February 1998 112,172

このテーブルを中央に配置するには、;margin-left:auto;margin-right:auto; を追加する必要があります。最後まで

タグの style 属性。テーブルタグは次のようになります。

上記のように

タグの style 属性を変更すると、以下に示すように、テーブルが Web ページの中央に配置されます。
ヒット 総増加
324,497 1998年1月 -
436,699 1998年2月 112,172
ヒント

タグの style 属性にパラメーターを追加して、テーブルをより魅力的にすることができます。パディングの追加:2px;およびボーダー間隔:20px;読みやすくするために、データ ポイントと境界線の間にスペースを追加します。

関連情報

すべてのカテゴリ: バグフィックス情報