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

Definicja stylu, przeznaczenie i użycie text-align-last

Styl text-align-last określa sposób wyrównania ostatniego wiersza tekstu.

Zauważ, że właściwość text-align-last ustawia wyrównanie dla wszystkich ostatnich wierszy w wybranym elemencie. Tak więc, jeśli masz div z trzema akapitami, text-align-last zostanie zastosowany do ostatniego wiersza KAŻDEGO z akapitów. Aby użyć text-align-last tylko na ostatnim akapicie w kontenerze, można użyć: last child (poniżej przykład).

Uwaga: w Edge (wersje wcześniejsze niż 79.0) właściwość text-align-last działa tylko w przypadku tekstu z właściwością text-align: justify.

Wartości właściwości text-align-last

Składnia CSS text-align-last

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

Wsparcie przeglądarek dla właściwości text-align-last

Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.

Właściwość
text-align-last	47.0	5.5*	49.0 12.0 -moz-	Niewspierana	34.0.0

* W przeglądarce Internet Explorer 11.0 (i wcześniejszych) wartości start i end nie są obsługiwane.

Przykładowe zastosowania z właściwością text-align-last

Kliknij wartości właściwości poniżej, aby zobaczyć wynik.

#myDIV {
  text-align: justify;
  text-align-last: auto;
}

Przykłady właściwości text-align-last

Przykład 1. wyrównuje ostatni wiersz tekstu w trzech elementach <div>: div.a { text-align: justify; /* For Edge */ text-align-last: right; } div.b { text-align: justify; /* For Edge */ text-align-last: center; } div.c { text-align: justify; /* For Edge */ text-align-last: justify; } Przykład 2. użycie text-align-last tylko na ostatnim wierszu w kontenerze: div.b p:last-child { text-align-last: center; }