СSS Свойство text-align-last
Пример
Выровнить последнюю строку текста по трем элементам <div>:
div.a
{
text-align: justify; /* Для Edge */
text-align-last: right;
}
div.b
{
text-align: justify; /* Для Edge */
text-align-last: center;
}
div.c
{
text-align: justify; /* Для Edge */
text-align-last: justify;
}
Редактор кода »
Определение и использование
Свойство text-align-last указывает, как выровнять последнюю строку текста.
Обратите внимание, что свойство text-align-last задает выравнивание для всех последних строк внутри выбранного элемента. Итак, если у вас есть <div> с тремя абзацами в нем, text-align-last будет применяться к последней строке каждого из пунктов. Использовать text-align-last только на последнем абзаце в контейнере вы можете использовать :last child, см. пример ниже.
Примечание: В Edge/Internet Explorer свойство text-align-last работает только с текстом, который имеет "text-align: justify".
| Значение по умолчанию: | auto |
|---|---|
| Унаследованный: | да |
| Анимируемый: | нет Прочитайте о animatable |
| Версия: | CSS3 |
| JavaScript синтаксис: | object.style.textAlignLast="right" Попробовать |
Поддержка браузеров
Числа в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
Числа, за которыми следует -moz-, указывают первую версию, которая работала с префиксом.
| Свойство | |||||
|---|---|---|---|---|---|
| text-align-last | 47.0 | 5.5* | 49.0 12.0 -moz- |
Не поддерживаемый | 34.0 |
*В Edge/Internet Explorer, значения "start" И "end" не поддерживаются.
CSS Синтаксис
text-align-last: auto|left|right|center|justify|start|end|initial|inherit;
Значение свойств
| Значение | Описание | Воспроизвести |
|---|---|---|
| auto | Значение по умолчанию. Последняя строка является обоснованным и выравниваются по левому краю | Воспроизвести » |
| left | Последняя строка выравнивается влево | Воспроизвести » |
| right | Последняя строка выравнивается вправо | Воспроизвести » |
| center | Последняя строка выравнивается по центру | Воспроизвести » |
| justify | Последняя строка выравнивается как и остальные строки | Воспроизвести » |
| start | Последняя строка выравнивается в начале строки (слева, если направление текста слева направо, и справа направление текста справа налево) | Воспроизвести » |
| end | Последняя строка выравнивается в конце строки (справа, если направление текста слева направо, и слева направление текста справа налево) | Воспроизвести » |
| initial | Устанавливает для этого свойства значение по умолчанию. Прочитайте о initial | Воспроизвести » |
| inherit | Наследует это свойство от родительского элемента. Прочитайте о inherit |
Примеры
Пример
Использовать свойство text-align-last только на самой последней строке в контейнере:
div.b p:last-child {
text-align-last: center;
}
Редактор кода »
Связанные страницы
CSS Учебник: CSS Текст
HTML DOM Справочник: Свойство textAlignLast
