CSS では、「text-align」属性を使用して、表のテキストの中央揃えを設定できます。この属性は、テキストの配置を設定するために使用されます。属性値を「center」に設定すると、中央揃えを実現できます。テキストの配置。構文は「table object {text-align:center;}」です。
このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。
CSS テーブルでテキストを中央揃えにする方法
CSS では、テキストを通じてテーブルのコンテンツの中央揃えを設定できます。 align 属性、text-align プロパティは、要素内のテキストの水平方向の配置を指定します。
この属性は、行ボックスが整列する位置を指定することによって、ブロックレベル要素内のテキストの水平方向の整列を設定します。値 justify は、ユーザー エージェントが行コンテンツ内の文字と単語の間の間隔を調整できるようにすることでサポートされており、ユーザー エージェントによって異なる結果が得られる場合があります。
例で具体的な操作を見てみましょう。例は次のとおりです:
<html>
<body>
<style>
td{
text-align:center;
}
</style>
<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>100</td>
<td>100</td>
</tr>
</table>
</body>
</html>出力結果:
(学習ビデオ共有: css ビデオ チュートリアル)
以上がCSSテーブルのテキストを中央揃えにする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
