著者:
Laura McKinney
作成日:
10 4月 2021
更新日:
1 J 2024
![【超入門】もうCSSの真ん中寄せで悩まない!横向き編【HTML・CSS コーディング】](https://i.ytimg.com/vi/v4UbH2jqbgg/hqdefault.jpg)
コンテンツ
このwikiHowは、カスケードスタイルシート(CSS)を使用してHTMLWebサイトの中央にテキストを配置する方法を説明します。 HTMLのテキストの中央揃えは、タグを使用して行われます
手順
方法1/2:CSSによる
CSSスタイルを含むファイルを開きます。 カードなのに古くなっていますが、新しい要素を作成してページの任意の場所に追加し、テキストを境界内の中央に配置することができます。個別のCSSファイルがない場合は、HTMLファイルの上部の「タグ」の間にスタイルを定義する必要があります。’. - カードがまだない場合 カードのすぐ下に追加する必要があります ファイルの先頭は次のとおりです。
テキストセンターレイヤーを作成します。 カード テキストの特定の部分を参照するようにHTMLドキュメントに要求するため、このタグを分類する必要があります。 「style」タグの間のスペースに次のテキストを入力してください。押すことを忘れないでください ↵入力 最初の行の後に2回:
プロパティを追加する text-align. インポート text-align:center; セクションのブレースの間のスペースに 歌姫。現在のタイトルは次のようになります。
カードを追加 div テキストは中央に配置する必要があります。 カードを置いて続行します 中央に配置してタグで閉じるテキストの上にあるテキスト 中央に配置するテキストの下。たとえば、タイトルと冒頭の段落を中央に配置するには、次のように入力する必要があります。
カードの使用 歌姫 他の地域を中央に配置します。 別の要素を中央に配置する場合(たとえば、次のようなタグ間のコンテンツ そして )、 入る テキストの前と その後で。センタリングコマンドとして「div.a」を指定したため、このテキストは前のテキストと同じようにセンタリングされます。
ドキュメントレビュー。 内容は異なる場合がありますが、通常、ドキュメントは次のようになります。
方法2/2:HTMLでcenterタグを使用する
- HTMLドキュメントを開きます。 このメソッドは、HTMLタグの使用方法を説明します
(現在も時代遅れです)。 2018年12月の時点で、このカードは一部のWebブラウザーで引き続きアクティブですが、長期的には、このカードを使用しないでください。
中央に配置するテキストを特定します。 中央に配置するタイトル、段落、またはその他のテキストが見つかるまで下にスクロールします。
テキストの末尾に「center」タグを追加します。 このセンタータグの形式はテキスト 、ここで、「text」は中央に配置されるテキストです。テキストにすでに内部タグ(たとえば、段落の「」)がある場合、「center」タグは既存のタグの外側に置くことができます。
HTMLドキュメントを確認します。 ドキュメントは次のようになります。