ホームページ > ウェブフロントエンド > htmlチュートリアル > HTMLの基本フレームコードを中央揃えにする方法

HTMLの基本フレームコードを中央揃えにする方法

下次还敢
リリース: 2024-04-11 10:24:04
オリジナル
500 人が閲覧しました

HTML の基本的なフレーム コードの中央揃え方法は次のとおりです: 1. CSS を使用して { text-align: center; } スタイルを タグ内に追加します。これにより、すべてのテキストが中央に配置されます。ページ。 2. <center> タグを使用してコンテンツを囲みます。 3. テーブル要素を使用します (推奨されません)。ただし、セマンティクスの原則に違反します。

HTMLの基本フレームコードを中央揃えにする方法

#HTML 基本フレーム コードを中央に配置するにはどうすればよいですか?

HTML の基本フレーム コードを中央に配置する方法は次のとおりです:

1. < で CSS

を使用します。 head>## 次の CSS スタイルを # タグ内に追加します: <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">&lt;code class=&quot;css&quot;&gt;body { text-align: center; }&lt;/code&gt;</pre><div class="contentsignin">ログイン後にコピー</div></div>これにより、すべてのテキストがページの中央に配置されます。

2.

<center> タグを使用します

<center>

タグを使用してコンテンツをラップします中央に配置する: <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">&lt;code class=&quot;html&quot;&gt;&lt;center&gt; &lt;h1&gt;文本居中&lt;/h1&gt; &lt;/center&gt;&lt;/code&gt;</pre><div class="contentsignin">ログイン後にコピー</div></div>

3. テーブルを使用する (推奨されません)

テーブル要素を使用することも要素を中央に配置する方法ですが、違反しているため推奨されません。セマンティクスの原則:

<code class="html"><table>
  <tr>
    <td align="center">文本居中</td>
  </tr>
</table></code>
ログイン後にコピー

注:

    text-align
  • 属性は、中央揃えのブロック要素 (たとえば、 <div&gt ;)、<center> タグはブロック要素でのみ使用できます。
  • 要素のデフォルトの text-align 値は left ですが、<center> タグ デフォルト値は center です。

以上がHTMLの基本フレームコードを中央揃えにする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
css
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート