CSS text-align-last ιδιότητα

Ορισμός και χρήση

Η ιδιότητα text-align-last ορίζει πώς θα συγχρονιστεί η τελευταία γραμμή του κειμένου.

Παρακαλώ σημειώστε ότι η ιδιότητα text-align-last ορίζει όλες τις τελευταίες γραμμές εντός του επιλεγμένου στοιχείου. Επομένως, αν ένα <div> έχει τρεις παραγράφους, η text-align-last εφαρμόζεται στη τελευταία γραμμή κάθε παραγράφου. Για να χρησιμοποιήσετε την text-align-last στο τελευταίο παράγραφο ενός κουτιού, μπορείτε να χρησιμοποιήσετε :last child, δείτε το παρακάτω παράδειγμα.

Σημείωση:Στα Edge/Internet Explorer, η ιδιότητα text-align-last εφαρμόζεται μόνο σε κείμενο με "text-align: justify".

Δείτε επίσης:

Εκμάθηση CSS:Τα κείμενα CSS

Εγχειρίδιο HTML DOM:textAlignLast Πρότυπο

Παράδειγμα

Συγκατατάσσει την τελευταία γραμμή των τριών <div> στοιχείων:

div.a {
  text-align: justify;  /* Για Edge */
  text-align-last: right;
}
div.b {
  text-align: justify; /* Για το Edge */ 
  text-align-last: center;
}
div.c {
  text-align: justify; /* Για το Edge */ 
  text-align-last: justify;
}

Δοκιμάστε το προσωπικά

Μπορείτε να βρείτε περισσότερες παραδείγματα TIY στην κορυφή της σελίδας.

Γλώσσα γραφιστικής

text-align-last: auto|left|right|center|justify|start|end|initial|inherit;

Τιμή ιδιότητας

Τιμή Περιγραφή
auto

Προεπιλεγμένη τιμή. Η規則 της ευθυγράμμισης κάθε γραμμής καθορίζεται από την τιμή του text-align.

Αν η τιμή του text-align είναι justify, η συμπεριφορά του text-align-last είναι ίδια με τη ρύθμιση του start.
left Η τελευταία γραμμή είναι ευθυγραμμισμένη αριστερά.
right Η τελευταία γραμμή είναι ευθυγραμμισμένη δεξιά.
center Η τελευταία γραμμή είναι ευθυγραμμισμένη στο κέντρο.
justify Η αρχή του τελευταίου κειμένου είναι ευθυγραμμισμένη με την αριστερή πλευρά του περιεχομένου του κουτιού, η κορυφή με την δεξιά πλευρά.
start

Η τελευταία γραμμή είναι ευθυγραμμισμένη στο αρχικό σημείο της γραμμής.

Αν το text-direction είναι από αριστερά προς τα δεξιά, τότε είναι αριστερότροπο, αν το text-direction είναι από δεξιά προς τα αριστερά, τότε είναι δεξιότροπο.
end

Η τελευταία γραμμή είναι ευθυγραμμισμένη στο τέλος της γραμμής.

Αν το text-direction είναι από αριστερά προς τα δεξιά, τότε είναι δεξιότροπο, αν το text-direction είναι από δεξιά προς τα αριστερά, τότε είναι αριστερότροπο.
initial Ρυθμίστε αυτή την ιδιότητα στη προεπιλεγμένη τιμή. Δείτε initial.
inherit Κληρονομείται αυτή η ιδιότητα από το γονικό στοιχείο. Δείτε inherit.

Τεχνικά λεπτομέρειες

Προεπιλεγμένη τιμή: auto
Κληρονομικότητα: Ναι
Δημιουργία κινήσεων: Δεν υποστηρίζεται. Δείτε:Πρότυπα κινήσεων.
Έκδοση: CSS3
Γλώσσα γραφιστικής: object.style.textAlignLast="right"

Περισσότερες παραδείγματα

Χρήση text-align-last: στο τελευταίο γραμμή εντός του κελιού

div.b p:last-child {
  text-align-last: center;
}

Δοκιμάστε το προσωπικά

Υποστήριξη προγράμματος περιήγησης

Οι αριθμοί στην τάβλη περιγράφουν την πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως το χαρακτηριστικό.

Οι αριθμοί με -moz- δείχνουν την πρώτη έκδοση που χρησιμοποιεί το πρόθεμα.

Chrome IE / Edge Firefox Safari Opera
47.0 5.5* 49.0
12.0 -moz-		 Δεν υποστηρίζεται 34.0

* Στο Edge/Internet Explorer, δεν υποστηρίζονται οι τιμές "start" και "end".