So verwenden Sie Margin 0 Auto in HTML

Margin ist ein sehr wichtiges Attribut. Wie kann man Margin 0 Auto in HTML verwenden? Heute werden wir margin:0 auto vorstellen Sie können in der DW-Software erkennen, dass der Randeinstellungswert tatsächlich der Abstand außerhalb des Randes ist. Dieser Stil legt den Stil des Abstands zwischen Objekten (DIV) fest.

Margin:0 Auto-Syntax

1. Margin:0 Auto-Einführung

Margin:0 Auto setzt den oberen und unteren Abstand des Objekts auf 0 und den linken und rechts sind automatisch.

kann aufgeteilt werden: margin:0 auto 0 auto (oben und unten)

kann auch aufgeteilt werden in:

margin-left

:auto;

margin- rechts

:auto;

Rand oben:0;Rand unten:0;2. FunktionRand festlegen:0 für DIV Der automatische Stil besteht darin, das DIV horizontal im Browser zu zentrieren. Für die Layoutzentrierung und horizontale Zentrierung fügen Sie einfach margin:0 auto hinzu.

Verbindungspunkt: automatisch (automatisch, adaptiv)

Wenn wir die Breite eines DIV auf 500 Pixel festlegen und dann den automatischen Stil „margin:0“ festlegen und die Breite Ihres Browserfensters 1000 Pixel beträgt, Zu diesem Zeitpunkt beträgt der Abstand zwischen der linken und rechten Seite des DIV (automatisch). Zu diesem Zeitpunkt erkennt der Browser automatisch den Abstand von 250 Pixel zwischen der linken und rechten Seite des DIV wird im Browser natürlich horizontal zentriert angezeigt.

Warum margin:0 automatisch festlegen?

Stellen Sie diesen Stil ein, um das DIV-Layout horizontal im Browser zu zentrieren. Der Zweck besteht darin, mit den wichtigsten Browsern kompatibel zu sein und das Layout zu zentrieren. Wenn Sie den automatischen CSS-Stil „margin:0“ nicht hinzufügen, wird das Layout in einigen Browsern zentriert und in anderen links angezeigt.

Verboten: Wenn Sie möchten, dass das DIV-Layout im Browser zentriert wird, fügen Sie margin:0 auto hinzu. Sie können den Stil float

float

nicht hinzufügen, um Logikfehler zu vermeiden und eine Inkompatibilität der Layoutzentrierung zu verursachen.

Ich glaube, dass Sie durch unsere Einführung das Attribut „marge 0 auto“ beherrschen. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Verwandte Lektüre:

So legen Sie das Hintergrundbild einer Webseite in HTML fest

So legen Sie das Cursorattribut von CSS fest

So verwenden Sie den Randradius in CSS

Das obige ist der detaillierte Inhalt vonSo verwenden Sie Margin 0 Auto in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!