この記事では、その方法について説明します。 テーブルの内容を中央に揃えます 。 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>>中央に配置された表のタイトル> |