Dieser Beitrag zeigt die Methode zum Ausrichten des Inhalts eines DIV am Boden in HTML.

Wie man den Inhalt einer Div auf den Boden ausrichtet?

Um den Div-Inhalt unten auszurichten, probieren Sie die folgenden Schritt-für-Schritt-Anweisungen aus.

Schritt 1: Erster Container hinzufügen

Erstellen Sie zuerst eine “Container und fügen Sie die Klasse mit dem Namen nach Ihrer Wahl hinzu. Zum Beispiel haben wir den Namen der Klasse als "angegeben"Header" und das "ausrichten"Eigenschaft wird verwendet, um den Div -Inhalt in" festzulegen "Center”.

Schritt 2: Überschrift hinzufügen

Fügen Sie mit der Klasse einen weiteren Div -Container hinzuLinuxHint1”. Fügen Sie danach eine Überschrift hinzu, indem Sie Text inzwischen einfügen "

" Schild.

Schritt 3: Inhalt einfügen

Einen einfügen “"Tag zusammen mit dem Klassenattribut"LinuxHint2”. Dann einen Text einbetten.

Schritt 4: Div erstellen

Erstellen Sie zusammen mit dem eine neue DIV “Ausweis”Attribut und geben Sie den Wert als“ anUnterseite”. Fügen Sie als Nächstes Text in die erstellte DIV hinzu:

LinuxHint -Tutorial -Website

Es ist zu sehen, dass der Text nach dem obigen Code erfolgreich hinzugefügt wurde:

Stil ".Header ”mit CSS

Greife auf ... zu ".HeaderKlasse von HTML und wenden Sie die genannten Eigenschaften an:

• Zuweisen Sie die “PositionEigenschaft und setzen Sie den Wert als "relativ”Ein Element zu positionieren, das relativ zu seiner gegenwärtigen Position relativ ist, ohne die Ausrichtung um sie herum zu ändern.
• Zuweisen Sie die “Grenze"Shorthand -Immobilienwert als"1px fest #0a944f”, Der die Grenzbreite, den Stil und die Farbe angibt.
• Der "Breite”Wird verwendet, um die Breite des Elements festzulegen.
• “HöheEigenschaft definiert die Elementhöhe.

Wenden Sie CSS -Eigenschaften auf andere Klassen an

Greife auf ... zu "LinuxHint1"Klasse mit dem"."Selektor und setzen Sie die"TextausrichtungEigentum als "Center”:

Dann ist die ".LinuxHint2"Der Selektor wird zum Zugriff auf den Div -Container mit Klasse verwendet"LinuxHint2”Und fügen Sie die“ einTextausrichtungEigentum als "Center”:

Stil „#bottom“ mit CSS

Zugang nun auf die “UnterseiteID und wenden Sie die Positionseigenschaft als "an" an "absolut”Ein Element, das seiner aktuellen Position absolut absolut ist, ohne das Layout um es zu ändern:

Ausgang

Wir haben die Methode zur Ausrichtung des Inhalts eines Div auf den Boden angegeben.

Abschluss

Um den Div -Inhalt auf den Boden auszurichten, das CSS “Textausrichtung" Und "PositionEigenschaften können verwendet werden. Das „Text-Align“ definiert die horizontale Ausrichtung des Textes in einem Element. Die Eigenschaft „Position“ gibt an, wie die Elemente eines Dokuments positioniert sind. Dieser Beitrag hat das Verfahren zum Ausrichten des Inhalts eines Div -Elements nach unten gezeigt.