CSSテキストを中央揃えにする方法

CSS text-align

text-align 構文:

text-align : left | right | center | justify

text-align パラメータ値と説明:

left: 左揃え

right: 右揃え

center: 中央揃え

##*justify: 両端揃え (推奨されません。通常、ほとんどのブラウザでは使用されません)

us 一般的に使用されますtext-align のパラメータ値は left、right、centerです。

text-align 関数の説明:

オブジェクト内のテキストの左揃え、中央揃え、右揃えを設定または取得します。

ケースのデモ:

3 つのボックスを設定し、ボックスの CSS 高さと CSS 幅を同じに設定します。を選択し、個別に設定します。 3 つのボックスの内容は、左、中央、右に揃えられます。

3 つのボックスの高さを 50 ピクセル、幅を 300 ピクセルに設定します。見やすくするために、3 つのボックスに黒い枠線のスタイルを設定します。

1、HTML CSS コード

1)、CSS コード

.div1{ width:300px; height:50px; border:1px solid #000; text-align:left} 
.div2{ width:300px; height:50px; border:1px solid #000; text-align:center} 
.div3{ width:300px; height:50px; border:1px solid #000; text-align:right} 
/*  
div1 div2 div3 分别设置 靠左 居中 靠右对齐 
*/

2)、HTML コード

<div class="div1">我被靠左对齐</div> 
<div class="div2">我被居中显示</div> 
<div class="div3">我被靠右对齐</div>

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