Πώς μπορώ να κεντρίσω το κείμενο (οριζόντια και κάθετα) μέσα σε ένα div

Παραγωγή

Βήμα 2: Πρόσβαση στο κοντέινερ div για στοίχιση στο κέντρο κειμένου

Τώρα, αποκτήστε πρόσβαση στο κοντέινερ div με τη βοήθεια του ' ταυτότητα 'όνομα χαρακτηριστικού με επιλογέα' # ” και εφαρμόστε τις ακόλουθες ιδιότητες CSS:

Εδώ:

• • ' πλάτος Η ιδιότητα ” χρησιμοποιείται για τον καθορισμό του μεγέθους πλάτους του κοντέινερ.
  • ' περιθώριο ” καθορίζει ένα κενό χώρο έξω από το κοντέινερ.
  • ' υλικό παραγεμίσματος ' ορίζει ένα χώρο εντός του ορίου του στοιχείου.
  • ' Ιστορικό ” ορίζει το χρώμα φόντου στην πίσω πλευρά του στοιχείου.
  • ' στοίχιση κειμένου 'η ιδιότητα χρησιμοποιείται για τη ρύθμιση της στοίχισης του κειμένου ως ' κέντρο '.
  • ' χρώμα ” καθορίζει ένα χρώμα για το κείμενο εντός του ορίου.

Μπορεί να παρατηρηθεί ότι έχουμε κεντραρίσει με επιτυχία το στοιχισμένο κείμενο οριζόντια μέσα στο δημιουργημένο div:

Πώς να κεντράρετε το κείμενο κάθετα μέσα σε ένα div;

Για να κεντράρετε το κείμενο κατακόρυφα μέσα σε ένα κοντέινερ div, ακολουθήστε τις παρεχόμενες οδηγίες.

Βήμα 1: Πρόσβαση στο κοντέινερ div

Πρώτα απ 'όλα, αποκτήστε πρόσβαση στο δημιουργημένο κοντέινερ div.

Βήμα 2: Εφαρμογή ιδιοτήτων CSS στο Κέντρο Κείμενο Κάθετα

Στη συνέχεια, εφαρμόστε τις παρακάτω ιδιότητες CSS για να κεντράρετε το κείμενο κατακόρυφα σε ένα div:

Σύμφωνα με το παραπάνω απόσπασμα κώδικα:

• • Ρυθμίστε το ' απεικόνιση ' που καθορίζει τη συμπεριφορά εμφάνισης του στοιχείου ως ' πίνακα-κελί ”, που σημαίνει ότι λειτουργεί σαν το κελί του πίνακα στο στοιχείο div.
  • ' πλάτος Η ιδιότητα ” καθορίζει το μέγεθος του πλάτους του στοιχείου.
  • ' ύψος ” ορίζει το ύψος του στοιχείου.
  • ' υλικό παραγεμίσματος ” ορίζει ένα κενό χώρο στο εσωτερικό του στοιχείου.
  • ' χρώμα ' χρησιμοποιείται για τον καθορισμό του χρώματος του κειμένου μέσα στο στοιχείο.
  • ' χρώμα του φόντου ' καθορίζει το χρώμα της πίσω πλευράς του στοιχείου.
  • ' σύνορο Η ιδιότητα ” ορίζει ένα όριο σε ένα στοιχείο.
  • ' κατακόρυφη ευθυγράμμιση Η ιδιότητα ' χρησιμοποιείται για τον ορισμό της κάθετης στοίχισης ενός καθορισμένου στοιχείου στο ' Μέσης '.

Παραγωγή

Έχετε μάθει για την πλήρη διαδικασία για να κεντράρετε το κείμενο μέσα στο κοντέινερ και με τους δύο τρόπους, κάθετα και οριζόντια.

συμπέρασμα

Για να κεντράρετε το κείμενο κάθετα και οριζόντια μέσα σε ένα div, πρώτα δημιουργήστε ένα κοντέινερ div με τη βοήθεια του στοιχείου