Πώς να κεντράρετε το κείμενο σε HTML

Συγγραφέας: Laura McKinney
Ημερομηνία Δημιουργίας: 10 Απρίλιος 2021
Ημερομηνία Ενημέρωσης: 1 Ιούλιος 2024
Anonim
Μεταβλητό μενού με css και javascript
Βίντεο: Μεταβλητό μενού με css και javascript

Περιεχόμενο

Αυτό το wikiHow σάς διδάσκει πώς να κεντράρετε κείμενο στον ιστότοπο HTML χρησιμοποιώντας Cascading Style Sheets (CSS). Το κεντράρισμα κειμένου σε HTML γίνεται με ετικέτες

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

Βήματα

Μέθοδος 1 από 2: Με CSS

  1. Ανοίξτε το αρχείο που περιέχει τα στυλ CSS. Αν και η κάρτα
    παλιά, αλλά μπορείτε ακόμα να δημιουργήσετε νέα στοιχεία για να προσθέσετε οπουδήποτε στη σελίδα για να κεντράρετε το κείμενο εντός των ορίων τους. Εάν δεν έχετε ξεχωριστό αρχείο CSS, πρέπει να καθορίσετε το στυλ στο πάνω μέρος του αρχείου HTML, μεταξύ των ετικετών ".’.
    • Εάν δεν υπάρχει ακόμη κάρτα Πρέπει να προσθέσετε ακριβώς κάτω από την κάρτα στην κορυφή του αρχείου έχουν ως εξής:

  2. Δημιουργία στρώματος κέντρου κειμένου. Κάρτα
    θα ζητήσει από το έγγραφο HTML να αναφέρει το συγκεκριμένο τμήμα του κειμένου, οπότε θα πρέπει να ταξινομήσετε αυτήν την ετικέτα. Εισαγάγετε το ακόλουθο κείμενο στο κενό μεταξύ της ετικέτας "style", μην ξεχάσετε να πατήσετε ↵ Εισαγάγετε δύο φορές μετά την πρώτη γραμμή:

    • Προσθέστε ιδιότητες στοίχιση κειμένου. Εισαγωγή text-align: center; στο διάστημα μεταξύ των στηριγμάτων στην ενότητα πρώτη αοιδός μελοδράματος. Ο τρέχων τίτλος θα έχει την εξής μορφή:

      • Προσθεσε μια ΚΑΡΤΑ div το κείμενο πρέπει να είναι στο κέντρο. Συνεχίστε τοποθετώντας την κάρτα
        κείμενο πάνω από το κείμενο που θέλετε να κεντράρετε και να κλείσετε με ετικέτες κάτω από το κείμενο που θέλετε να κεντράρετε. Για παράδειγμα, για να κεντράρετε έναν τίτλο και την αρχική παράγραφο, πρέπει να πληκτρολογήσετε τα εξής:
        • Χρήση καρτών πρώτη αοιδός μελοδράματος στο κέντρο των άλλων περιοχών. Εάν θέλετε να κεντράρετε ένα άλλο στοιχείο (για παράδειγμα, περιεχόμενο μεταξύ ετικετών όπως και

          ), εισαγω
          μπροστά από το κείμενο και μετά από αυτό. Εφόσον ορίσατε το "div.a" ως εντολή κεντραρίσματος, αυτό το κείμενο θα κεντραριστεί ακριβώς όπως το προηγούμενο:
          • Αναθεώρηση εγγράφων. Τα περιεχόμενα ενδέχεται να διαφέρουν, αλλά γενικά το έγγραφό σας πρέπει τώρα να μοιάζει με αυτό:
              διαφήμιση

            Μέθοδος 2 από 2: Χρησιμοποιήστε την κεντρική ετικέτα σε HTML

            1. Ανοίξτε το έγγραφο HTML. Αυτή η μέθοδος περιγράφει τον τρόπο χρήσης ετικετών HTML
              (τώρα ξεπερασμένο επίσης). Από τον Δεκέμβριο του 2018, αυτή η κάρτα εξακολουθεί να είναι ενεργή σε ορισμένα προγράμματα περιήγησης ιστού, αλλά μακροπρόθεσμα, δεν θα πρέπει να χρησιμοποιείτε αυτήν την κάρτα.
            2. Προσδιορίστε το κείμενο που θέλετε να κεντράρετε. Κάντε κύλιση προς τα κάτω μέχρι να βρείτε τον τίτλο, την παράγραφο ή άλλο κείμενο που θέλετε να κεντράρετε.
            3. Προσθέστε μια "κεντρική" ετικέτα στα άκρα του κειμένου σας. Αυτή η κεντρική ετικέτα έχει μορφή
              κείμενο
              , όπου "κείμενο" είναι το κείμενο στο κέντρο. Εάν το κείμενο έχει ήδη εσωτερική ετικέτα (για παράδειγμα, "" για την παράγραφο), η ετικέτα "κέντρο" μπορεί να βρίσκεται εκτός οποιασδήποτε προϋπάρχουσας ετικέτας:
              • Ελέγξτε το έγγραφο HTML. Το έγγραφο πρέπει τώρα να μοιάζει με αυτό:
                  διαφήμιση