HTMLで複数行のテキストを整列させる方法

複数行のテキストを整列するには 2 つの方法があります: ブロック要素:

または タグを使用して、ブロック全体を中央に揃えたり、端を揃えたりします。インライン要素: 特定のテキストを中央揃えや右揃えなどのテキスト配置スタイルで配置します。

#複数行のテキストを配置する方法

複数行のテキストを配置すると、テキストの外観と読みやすさが向上します。文章。 HTML には、複数行のテキストを配置するための主な方法が 2 つあります。

ブロック要素の使用

ブロック要素は、行で始まる新しいブロックです。通常、見出し、段落、リストに使用されます。複数行のテキストを揃えるには、次のタグを使用します。

• : テキストを中央揃えにします。
• : (左揃え) や (右揃え)。

インライン要素の使用

インライン要素は、行上で新しいブロックを開始しません。これらは、太字、斜体、ハイパーリンクなど、テキストのさまざまな部分の書式設定によく使用されます。インライン テキストを整列するには、次のスタイルを使用します。

• text-align: テキストの整列を指定します (例: text-align: center (中央揃え) ) または text-align: right (右揃え)。

例:

ブロック要素を使用する:

<code class="html"><center><h1>这是居中对齐的标题</h1></center></code>

インライン要素を使用する:

<code class="html"><p style="text-align: right;">这是右对齐的段落</p></code>

ヒント:

ブロック要素の場合、整列されたテキストは使用可能な幅全体を占めます。
• インライン要素の場合、配置は要素自体のテキストにのみ影響し、周囲のテキストには影響しません。
• 複雑なテキスト構造を整列する必要がある場合は、組み合わせた方法を使用できます。
• 一部のブラウザでは
• タグがサポートされていないため、 スタイルを使用することをお勧めします。

以上がHTMLで複数行のテキストを整列させる方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。