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 分别设置 靠左 居中 靠右对齐
*/<div class="div1">我被靠左对齐</div> <div class="div2">我被居中显示</div> <div class="div3">我被靠右对齐</div>
以上がCSSテキストを中央揃えにする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
