CSS właściwość text-align-last

Definicja i użycie

Atrybut text-align-last określa, jak wyrównać ostatni wiersz tekstu.

Proszę zauważyć, że atrybut text-align-last ustawia wszystkie ostatnie wiersze wewnątrz wybranego elementu. Dlatego, jeśli w <div> są trzy akapity, text-align-last zostanie zastosowany do ostatniego wiersza każdego akapitu. Aby zastosować text-align-last do ostatniego akapitu w kontenerze, można użyć :last-child, zobacz poniższy przykład.

Komentarz:W Edge/Internet Explorer, atrybut text-align-last jest dostępny tylko dla tekstu z "text-align: justify".

Zobacz również:

Kurs CSS:Tekst CSS

Przeglądarka HTML DOM:textAlignLast Atrybut

Przykład

Wyjustowanie ostatnich wierszy trzech elementów <div>:

div.a {
  text-align: justify;  /* Dla Edge */
  text-align-last: right;
}
div.b {
  text-align: justify; /* Dla Edge */ 
  text-align-last: center;
}
div.c {
  text-align: justify; /* Dla Edge */ 
  text-align-last: justify;
}

Spróbuj sam

Więcej przykładów TIY można znaleźć na dole strony.

Gramatyka CSS

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

Wartość atrybutu

Wartość Opis
auto

Domyślna wartość. Reguły wyrównania każdego wiersza są określone przez wartość text-align.

Jeśli wartość text-align to justify, zachowanie text-align-last jest takie samo jak ustawienie start.
left Ostatni wiersz wyrównuje się do lewej strony.
right Ostatni wiersz wyrównuje się do prawej strony.
center Ostatni wiersz wyśrodkowany.
justify Początek ostatniego wiersza tekstu wyrównuje się z lewą stroną kontenera, końcówka z prawą stroną.
start

Ostatni wiersz wyrównuje się na początku wiersza.

Jeśli text-direction jest z lewej na prawo, lewe wyśrodkowanie, jeśli text-direction jest z prawej na lewo, prawe wyśrodkowanie.
end

Ostatni wiersz wyrównuje się na końcu wiersza.

Jeśli text-direction jest z lewej na prawo, prawy wyśrodkowanie, jeśli text-direction jest z prawej na lewo, lewe wyśrodkowanie.
initial Ustaw tę właściwość na jej wartość domyślną. Zobacz: initial.
inherit Inherbuje tę właściwość od elementu nadrzędnego. Zobacz: inherit.

Szczegóły techniczne

Domyślna wartość: auto
Inheritance: tak
Tworzenie animacji: nie obsługuje. Zobacz:Atrybuty związane z animacją.
Wersja: CSS3
Język JavaScript: object.style.textAlignLast="right"

Więcej przykładów

Użyj text-align-last: w ostatnim wierszu kontenera:

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

Spróbuj sam

Wsparcie przeglądarki

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która obsługuje tę właściwość.

Liczby z -moz- oznaczają pierwszą wersję z prefiksem.

Chrome IE / Edge Firefox Safari Opera
47.0 5.5* 49.0
12.0 -moz-		 nie obsługuje 34.0

* W Edge/Internet Explorer, nie obsługuje wartości "start" i "end".