HTMLでマージン0自動を使用する方法

マージンは非常に重要な属性なので、HTML でマージン 0 自動を使用するにはどうすればよいですか?今日は margin:0 auto を紹介します

マージン設定オブジェクトアウターマージンを紹介します。DIV の境界線スタイルを設定すると、マージン設定値は実際に DW ソフトウェアで表示されます。境界線の外側の距離 このスタイルは、オブジェクト間の間隔のスタイルを設定します (DIV)。

margin:0 auto 関数の構文

1. margin:0 auto の紹介

margin:0 auto は、オブジェクトの上下の間隔を 0 に設定し、左右の間隔を自動に設定します。

は分割可能: margin:0 auto 0 auto (top andbottom)

は次のように分割することもできます: margin-left:auto;margin-right:auto;margin-top:0; margin-bottom:0;

2. 機能

margin:0 自動スタイルを DIV に設定して、ブラウザ内で DIV を水平方向の中央に配置します。レイアウトの中央揃えと水平中央揃えの場合は、margin:0 auto を追加するだけです。

ジョイントポイント: auto (自動、適応)

DIV の幅を 500px に設定し、margin:0 auto スタイルを設定すると、ブラウザウィンドウの幅が 1000px の場合、この DIV は左側になります。右の間隔が (自動) の場合、ブラウザは DIV の左右の 250 ピクセル幅の間隔を自動的に認識します。このとき、DIV ボックスはブラウザ内で自然に水平方向の中央に配置されます。

margin:0 auto を設定する理由は何ですか?

このスタイルを設定すると、ブラウザ内で DIV レイアウトが水平方向に中央に配置されます。その目的は、主要なブラウザと互換性があり、レイアウトを中央に配置することです。 margin:0 自動 CSS スタイルを追加しない場合、レイアウトは一部のブラウザでは中央に配置され、他のブラウザでは左に配置されます。

禁止: DIV レイアウトをブラウザーの中央に配置したい場合は、margin: 0 auto を追加します。論理エラーを回避し、レイアウトの中央配置の非互換性を引き起こすために floatfloat スタイルを追加することはできません。

この紹介を通じて、マージン 0 自動の属性を習得できたと思います。さらに興味深い情報については、PHP 中国語 Web サイトの他の関連記事に注目してください。

関連書籍:

HTMLでWebページの背景画像を設定する方法

CSSのカーソル属性を設定する方法

CSSでborder-radiusを使用する方法

以上がHTMLでマージン0自動を使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。