Задает выравнивание последней строки текста, когда свойство 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.
Это интересно
В 2008 году, когда был построен дата-центр компании Citigroup во Франкфурте, он считался самым «зеленым» в мире. Citi Data Center стал первой постройкой в Германии, которая получила платиновый сертификат LEED. Это значит, что в постройке сочетаются эффективное использование энергии, воды, света и воздуха, оно комфортно для служащих, хорошо встроено в транспортную инфраструктуру, а также оказывает минимальное воздействие на прилегающие территории. Кроме всего этого, дата-центр, спроектированный компанией Arup Associates, еще и красиво выглядит: один из фасадов покрыт настоящей травой (он собирает дождевую воду), в комплексе много зелени и есть даже внутренние парки для сотрудников.