Στην HTML, τα κουμπιά είναι στοιχεία με δυνατότητα κλικ που χρησιμοποιούνται για την εκτέλεση μιας συγκεκριμένης ενέργειας. Χρησιμοποιώντας το CSS, μπορείτε να ορίσετε τη θέση του κουμπιού όπου θέλετε να το τοποθετήσετε. Για να γίνει αυτό, υπάρχουν αρκετές τεχνικές στο CSS, μία από αυτές είναι το flexbox. ' καλώδιο ' χρησιμοποιείται για να ορίσετε τη θέση του στοιχείου σύμφωνα με το παράθυρο προβολής του.
Αυτό το άρθρο θα διδάξει πώς να κεντράρετε ένα κουμπί χρησιμοποιώντας το CSS Flexbox.
Λοιπόν, ας ξεκινήσουμε!
Πώς να κεντράρετε το κουμπί χρησιμοποιώντας το CSS flexbox;
' καλώδιο ” είναι η τιμή που έχει οριστεί για την ιδιότητα εμφάνισης του CSS. Ανάλογα με το μέγεθος της θύρας προβολής, ορίζει το περιεχόμενο ή τα στοιχεία ανάλογα. Στο CSS, η τιμή flex δημιουργεί ίσο χώρο μεταξύ των στοιχείων για να διασφαλίσει ότι έχουν τακτοποιηθεί αποτελεσματικά.
Σύνταξη
Στην παραπάνω σύνταξη, ' καλώδιο Το ' θα καθοριστεί ως η τιμή του ' απεικόνιση ” ιδιοκτησία.
Λοιπόν, ας δούμε το παράδειγμα για να κεντράρουμε το κουμπί χρησιμοποιώντας flex.
Παράδειγμα
Στο
του HTML, θα δημιουργήσουμε ένα κοντέινερ με κλάση