In HTML sind Schaltflächen anklickbare Elemente, die verwendet werden, um eine bestimmte Aktion auszuführen. Mit CSS können Sie die Position der Schaltfläche festlegen, an der Sie sie platzieren möchten. Dafür gibt es in CSS mehrere Techniken, eine davon ist Flexbox. „ biegen “ wird verwendet, um die Position des Elements entsprechend seinem Ansichtsfenster festzulegen.
In diesem Artikel erfahren Sie, wie Sie eine Schaltfläche mit CSS Flexbox zentrieren.
Fangen wir also an!
Wie zentriere ich die Schaltfläche mit CSS Flexbox?
„ biegen ” ist der Wert, der für die Anzeigeeigenschaft von CSS festgelegt wurde. Abhängig von der Größe des Ansichtsfensters setzt es Inhalte oder Elemente entsprechend. In CSS schafft der Flex-Wert gleichmäßigen Abstand zwischen Elementen, um sicherzustellen, dass sie effizient angeordnet sind.
Syntax
In der oben angegebenen Syntax „ biegen “ wird als Wert von „ Anzeige ' Eigentum.
Schauen wir uns also das Beispiel an, um die Schaltfläche mit Flex zu zentralisieren.
Beispiel
Im
von HTML erstellen wir einen Container mit der