Свойство text-align-last в CSS

Определение и использование

Свойство 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 можно найти в нижней части страницы.

CSS синтаксис

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 Инherit this property from its parent element. См. также inherit.

Технические детали

Значение по умолчанию: auto
наследование: да
Создание анимации: не поддерживается. См. также:Свойства анимации.
Версия: CSS3
JavaScript синтаксис: 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".