text-align-last¶

Свойство text-align-last задаёт выравнивание последней строки текста, когда свойство 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: unset;

Значения¶

start: Строка выравнивается по начальному краю блока.
end: Строка выравнивается по конечному краю блока.
left: Строка выравнивается по левому краю.
right: Строка выравнивается по правому краю.
center: Строка выравнивается по центру.
justify: Строка выравнивается по ширине. Если в последней строке только одно слово, то оно будет выравнено по левому краю.

Примечание¶

Internet Explorer не поддерживает значения start и end.

Firefox до версии 49 поддерживает свойство -moz-text-align-last.

Значение по-умолчанию: start

Применяется к блочным элементам

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

CSS Text Module Level 3

Поддержка браузерами¶

Описание и примеры¶

<!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>