Свойство CSS text-align-last
Пример
Выровняйте последнюю строку текста в трех элементах <div>:
div.a
{
text-align: justify; /* For Edge */
text-align-last: right;
}
div.b
{
text-align: justify; /* For Edge */
text-align-last: center;
}
div.c
{
text-align: justify; /* For Edge */
text-align-last: justify;
}
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Свойство text-align-last
указывает, как выравнивать последнюю строку текста.
Обратите внимание, что это text-align-last
свойство задает выравнивание для всех последних строк в выбранном элементе. Таким образом, если у вас есть <div> с тремя абзацами, он text-align-last
будет применяться к последней строке КАЖДОГО из абзацев. Чтобы использовать text-align-last
только последний абзац в контейнере, вы можете использовать :last child, см. пример ниже.
Примечание. В Edge до 79 это text-align-last
свойство работает только с текстом, имеющим «выравнивание текста: по ширине».
Значение по умолчанию: | авто |
---|---|
Унаследовано: | да |
Анимация: | нет. Читать об анимации |
Версия: | CSS3 |
Синтаксис JavaScript: | объект .style.textAlignLast="правый" |
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает это свойство.
Цифры, за которыми следует -moz-, указывают на первую версию, которая работала с префиксом.
Property | |||||
---|---|---|---|---|---|
text-align-last | 47.0 | 5.5* | 49.0 12.0 -moz- |
Not supported | 34.0 |
*В Internet Explorer 11 (и более ранних версиях) значения «начало» и «конец» не поддерживаются.
Синтаксис CSS
text-align-last: auto|left|right|center|justify|start|end|initial|inherit;
Значения свойств
Value | Description | Play it |
---|---|---|
auto | Default value. The last line is justified and aligned left | |
left | The last line is aligned to the left | |
right | The last line is aligned to the right | |
center | The last line is center-aligned | |
justify | The last line is justified as the rest of the lines | |
start | The last line is aligned at the beginning of the line (left if the text-direction is left-to-right, and right is the text-direction is right-to-left) | |
end | The last line is aligned at the end of the line (right if the text-direction is left-to-right, and left is the text-direction is right-to-left) | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Дополнительные примеры
Пример
Используйте text-align-last только для самой последней строки в контейнере:
div.b p:last-child {
text-align-last: center;
}
Связанные страницы
Учебное пособие по CSS: Текст CSS
Справочник по HTML DOM: свойство textAlignLast