ホームページ >ウェブフロントエンド >CSSチュートリアル >CSSテーブルのテキストを中央揃えにする方法

CSSテーブルのテキストを中央揃えにする方法

WBOY
WBOYオリジナル
2021-11-25 16:22:0412275ブラウズ

CSS では、「text-align」属性を使用して、表のテキストの中央揃えを設定できます。この属性は、テキストの配置を設定するために使用されます。属性値を「center」に設定すると、中央揃えを実現できます。テキストの配置。構文は「table object {text-align:center;}」です。

CSSテーブルのテキストを中央揃えにする方法

このチュートリアルの動作環境: 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 ビデオ チュートリアル)

以上がCSSテーブルのテキストを中央揃えにする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。