Задает выравнивание последней строки текста, когда свойство text-align установлено как justify.
Синтаксис
text-align-last: start | end | left | right | center | justify
Значения
start
Строка выравнивается по начальному краю блока.
end
Строка выравнивается по конечному краю блока.
left
Строка выравнивается по левому краю.
right
Строка выравнивается по правому краю.
center
Строка выравнивается по центру.
justify
Строка выравнивается по ширине. Если в последней строке только одно слово, то оно будет выравнено по левому краю.
Влияние разных значений на положение текста показано в табл. 1.
Табл. 1. Влияние значений text-align-last
Значение
Выравнивание
Вид текста
left
По левому краю
right
По правому краю
center
По центру
justify
По ширине
Пример
HTML5CSS2.1CSS3IECrOpSaFx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>text-align-last</title>
<style>
div {
width: 300px;
text-align: justify;
text-align-last: justify;
}
</style>
</head>
<body>
<div>
При переходе через горы опирайся на долину;
располагайся на высотах, смотря, где солнечная сторона. При
бое с противником, находящимся на возвышенности, не иди
прямо вверх. Таково расположение войска в горах.
</div>
</body>
</html>
Браузеры
Internet Explorer не поддерживает значения start и end.
Firefox поддерживает только свойство с префиксом -moz-text-align-last.
Это интересно
В конце апреля 2010 года Фидель Кастро зарегистрировал аккаунт в Твиттере (известном сервисе микроблогов), намереваясь обойти по количеству читателей Барака Обаму, Себастьяна Пиньеру и Биньямина Нетаньяху, но за первые недели их число выросло только до пары десятков тысяч, что достаточно мало, для сравнения за то же время Уго Чавес получил в 10 раз больше «голосов».