HTML テーブルの内容を中央に配置するにはどうすればよいですか?
この記事では、その方法について説明します。 テーブルの内容を中央に揃えます 。 CSS の text-align プロパティを使用すると、特定のコンテナーまたは要素の内容を整列させることができます。
表の内容を中央に揃えるには、CSS の text-align プロパティを使用できます。要素テーブルは text-align プロパティを使用してスタイル設定でき、値を center にすると目的の解決策が得られます。デフォルトでは、text-align プロパティは left に設定されているため、コンテンツは左揃えになります。要件に従ってコンテンツを揃えるため、このプロパティの値を center にオーバーライドします。
構文：
text-align: left;
プロパティ値:
| 価値観 | 説明 |
|---|---|
| イニシャル | これはデフォルト値です。 |
| あなたは継承します | 値を親要素のプロパティ値に設定します。 |
| 左 | テキストを左揃えにします (デフォルトのプロパティ)。 |
| 右 | テキストを右揃えにします。 |
| 中心 | テキストを中央に揃えます。 |
| 正当化する | 要素の内容を引き伸ばします。 |
例 1:
HTML
> <> html> lang> => 'en'> >>> <> head> >>> > <> meta> charset> => 'UTF-8'> >>> > <> title> >中央に配置された表のタイトル> |