wie man zwei Elemente in einem Div

zwei Elemente in einem Diven vertikal ausrichten, können Sie eine der folgenden Methoden verwenden:

1. CSS Flexbox -Methode

Diese Methode beinhaltet die Verwendung der Eigenschaft Flexbox, um die Flex -Richtung, die Ausrichtung und die Rechtfertigung der Elemente festzulegen. Anzeige: Flex; Flex-Richtung: Säule; Justify-Content: Center; Ausrichtung: Zentrum; }

Dieser Code erstellt einen flexiblen Container, der die Elemente vertikal stapelt und sie sowohl horizontal als auch vertikal zentriert.

#container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

Diese Methode verwendet die Anzeige: Tabelle und vertikal-align: mittlere Eigenschaften, um die Elemente vertikal in der Div. CSS Code:

body {oder Anzeige: Tabelle; Position: absolut; Höhe: 100%; Breite: 100%; } #Container { Anzeige: Tabellenzelle; vertikaler Align: Mitte; }

Dieser Code wird das Körperelement wie eine Tabelle verhalten, und das #Container div wird als Tabellenzelle positioniert und vertikal in der Mitte ausgerichtet.