text-align-last

Базовая линия 2022

Новое

С сентября 2022 года эта функция работает во всех последних версиях устройств и браузеров. Возможно, эта функция не будет работать в более старых устройствах или браузерах.

Свойство text-align-last CSS задаёт, как выравнивается последняя строка блока или строка перед принудительным переходом на новую строку.

Попробуйте

Синтаксис

/* Keyword values */
text-align-last: auto;
text-align-last: start;
text-align-last: end;
text-align-last: left;
text-align-last: right;
text-align-last: center;
text-align-last: justify;

/* Global values */
text-align-last: inherit;
text-align-last: initial;
text-align-last: revert;
text-align-last: revert-layer;
text-align-last: unset;

Значения

auto: Затронутая строка выравнивается в соответствии со значением text-align, если text-align не justify, в противном случае эффект такой же, как установка text-align-last в start.
start: То же, что и left при направлении слева направо и right при направлении справа налево.
end: То же, что и right при направлении слева направо и left при направлении справа налево.
left: Встроенное содержимое выравнивается по левому краю области строки.
right: Встроенное содержимое выравнивается по правому краю области строки.
center: Встроенное содержимое выравнивается по центру области строки.
justify: Текст выровнен по ширине. Текст должен выравниваться по левому и правому краю до левого и правого краёв содержимого абзаца.

Формальное определение

Начальное значение	`auto`
Применяется к	блочным контейнерам
Наследуется	да
Вычисленное значение	как указано
Тип анимации	дискретный

Формальный синтаксис

text-align-last = 
  auto          |
  start         |
  end           |
  left          |
  right         |
  center        |
  justify       |
  match-parent

Примеры

Выравнивание последней строки по ширине

CSS

p {
  font-size: 1.4em;
  text-align: justify;
  text-align-last: center;
}

Результаты

Спецификации

Спецификация
CSS Text Module Level 3 # text-align-last-property

Совместимость с браузерами

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`text-align-last`	47	12	4912–53	34	16	47	4914–53	34	16	5.0	47
`auto`	47	12	12	34	16	47	14	34	16	5.0	47

См. также

text-align

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/text-align-last