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

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

Попробуйте

text-align-last: right;

text-align-last: center;

text-align-last: left;

<section id="default-example">
  <div>
    <p id="example-element">
      Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
      aliquip ex ea commodo consequat.
    </p>
  </div>
</section>

section {
  font-size: 1.5em;
}

#default-example > div {
  width: 250px;
}

#example-element {
  text-align: justify;
}

Синтаксис

/* 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

Текст выравнивается по ширине. Левый и правый края текста должны совпадать с левым и правым краями содержимого абзаца.

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

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

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

Примеры

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

<p>
  Integer elementum massa at nulla placerat varius. Suspendisse in libero risus,
  in interdum massa. Vestibulum ac leo vitae metus faucibus gravida ac in neque.
  Nullam est eros, suscipit sed dictum quis, accumsan a ligula.
</p>

CSS

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

Результат

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

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

См. также

• text-align