So Zentrieren Sie Ein Div

Inhaltsverzeichnis:

So Zentrieren Sie Ein Div
So Zentrieren Sie Ein Div

Video: So Zentrieren Sie Ein Div

Video: So Zentrieren Sie Ein Div
Video: Introducing Divs and controlling them with classes and ids 2024, April
Anonim

Moderne Seitenlayout-Standards verbieten die Verwendung von Tabellenlayouts nicht, jedoch ist das Layer-Layout tatsächlich zu einem obligatorischen Standard bei der Erstellung von Websites geworden. Neben den offensichtlichen Vorteilen hat die Verdrängung des Tabellenlayouts einige neue große und kleine Probleme mit sich gebracht. Eine davon ist die horizontale Ausrichtung der Blockstruktur in der Seite. Sehen wir uns einige praktische Möglichkeiten an, um die Ebene auf die Mitte der Seitenbreite einzustellen.

So zentrieren Sie ein Div
So zentrieren Sie ein Div

Notwendig

Grundkenntnisse in HTML

Anweisungen

Schritt 1

Eine der Möglichkeiten zur Lösung des Problems, eine Ebene (DIV-Block) an der Fenstermitte einer geöffneten Seite auszurichten, wird nur mittels HTML (HyperText Markup Language - "Hypertext Markup Language") umgangen. Sie müssen den Block in das Tag einfügen. Der einfachste so angelegte Seitencode kann zum Beispiel so aussehen:

Ausrichten eines DIV zur Mitte

Schritt 2

Eine andere Option verwendet CSS (Cascading Style Sheets). Im Stil der ausgerichteten Ebene müssen Sie die automatische Erkennung des Versatzes von den Fensterrändern einstellen. Der Code einer solchen Seite kann in seiner einfachsten Form beispielsweise so aussehen:

Ausrichten eines DIV zur Mitte

Empfohlen: