CSS の共通テキスト属性の text-align の概要

この記事では、CSS で一般的に使用されるテキスト 属性 の

text-align

の概要と、テキストのインデントを実現するために使用される text-indent 属性を紹介します。テキストのインデントに匹敵します。私が現在取り組んでいるプロジェクトを例に挙げると、水平方向のセンタリングと垂直方向のセンタリングが最もよく使われると思いますので、まずその構文を見てみましょう。

text-align

許可される値左 | 右 | justif |

ユーザーエージェントに関連する

継承可能はい

ブロックレベルの要素に適用されます

text -align は、ブロックレベルの要素にのみ適用されるもう 1 つの属性です。行の残りの位置に関係なく、リンクまたは

画像 を中央に配置したい場合は機能しません。まずは下の全体図を通してtext-alignの効果を感じてみましょう。
ここに text-align の 4 つの属性値の表示画像があります

上の表示は、各ブラウザーでの最後の属性 text-align:justify について、非常に直感的に示しています。パフォーマンスは一貫していないと個人的には感じています。

アプリケーション シナリオ:

1. 一言で言えば、UI の絵のデザインに依存します。

2. 画像の中央揃え: 画像のみに text-align を使用しても効果はありません。text-align はブロックレベルの要素にのみ使用でき、インライン要素や非置換要素には使用できません。したがって、画像を中央に配置したい場合は、ソリューションを変更する必要があります:

テキストについて -align の表面的な説明はこれで終わりです。実際に試してみてください。

以上がCSS の共通テキスト属性の text-align の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。