Wie man etwas in einem Div vertikal zentriert

Vertikal ausrichten ein Element, das in einem Div-Container ist, ist eines der Werkzeuge, die Ihnen ermöglicht, eine Webseite korrekt formatieren. Ein Div-Container ist ein Element, das Sie erstellen können, mithilfe von Cascading Style Sheets (CSS), eine Sprache, die von Web-Entwicklern verwendet, um eine Website Stil bearbeiten. Ein Div-Element kann jede Art von HyperText Markup Language (HTML)-Objekt, z. B. ein Bild, Tabelle oder auch nur-Text enthalten. Sie können eines dieser Objekte in einem Div vertikal ausrichten, mit der richtigen Syntax.

Anweisungen

1 Öffnen Sie die CSS-Datei enthält die Regeln für den Div-Container, den Sie bearbeiten möchten. Verwenden Sie einen Texteditor wie Notepad unter Windows.

2 Suchen Sie die Deklaration, die die Regeln für den Div-Container enthält. Die Erklärung sollte mit einem Punkt beginnen, gefolgt vom Namen der Div-Klasse.

3 Fügen Sie die folgende Regel zwischen den geschweiften Klammern nach der Deklaration:

Vertical-align: middle;

Als Beispiel wenn Sie ein Div mit den Klassennamen "Seitentitel", vertikal ausrichten möchten sollte der CSS Code:

{.pagetitle}Vertical-align: middle;}

4 Speichern Sie die CSS-Datei und laden Sie sie auf Ihrem Webserver.