Атрибут align | htmlbook.ru
Management
Атрибуты тегов
Значения атрибутов
Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
1.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
Спецификация
HTML: | 3.2 | 4.01 | 5.0 | XHTML: | 1.0 | 1.1 |
Описание
Выравнивание блока текста по краю.
Синтаксис
<p align="left | center | right | justify">...</p>
Значения
- left
- Выравнивание текста по левому краю. В этом случае строки текста выравнивается по левому краю, а правый край располагается «лесенкой». Такой способ выравнивания является наиболее популярным на сайтах, поскольку позволяет пользователю легко отыскивать взглядом новую строку и комфортно читать большой текст.
- center
- Выравнивание текста по центру. Текст помещается по центру горизонтали окна браузера или контейнера, где расположен текстовый блок. Строки текста словно нанизываются на невидимую ось, которая проходит по центру веб-страницы. Подобный способ выравнивания активно используется в заголовках и различных подписях, вроде подрисуночных, он придает официальный и солидный вид оформлению текста. Во всех других случаях выравнивание по центру применяется редко по той причине, что читать большой объем такого текста неудобно.
- right
- Выравнивание текста по правому краю. Этот способ выравнивания выступает
в роли антагониста предыдущему типу. А именно, строки текста равняются по
правому краю, а левый остается «рваным». Из-за того, что левый край не выровнен,
а именно с него начинается чтение новых строк, такой текст читать труднее,
чем, если бы он был выровнен по левому краю. Поэтому выравнивание по правому
краю применяется обычно для коротких заголовков объемом не более трех строк.
- justify
- Выравнивание по ширине, что означает одновременное выравнивание по левому и правому краю. Чтобы произвести это действие браузер в этом случае добавляет пробелы между словами.
Значение по умолчанию
left
Аналог CSS
text-align
Пример
HTML 4.01IECrOpSaFx
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Тег P, атрибут align</title> </head> <body> <p align="justify">Duis te feugifacilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi. Ut wisi enim ad minim veniam, quis nostrud exerci taion ullamcorper suscipit lobortis nisl ut aliquip ex en commodo consequat. Duis te feugifacilisi per suscipit lobortis nisl ut aliquip ex en commodo consequat.</p> </body> </html>
css — Как выровнять текст в строке таблицы html
Задай вопрос
спросил
Изменено 2 года, 6 месяцев назад
Просмотрено 771 раз
Вот чего я хотел бы добиться
- текст в одну строку.
- нет белого экрана. Таблица
- прокручивается.
- растянуть текст, чтобы заполнить всю ширину ячейки
Вот что у меня сейчас
- текст в одну строку.
- нет белого экрана. Таблица
- прокручивается.
Я пытаюсь добиться точки 4
растянуть текст, чтобы заполнить ширину ячейки по всей таблице.
Это то, что я пробовал
ч3 { размер шрифта: 22px; } h4 { размер шрифта: 20px; } h5, п, й, тд { размер шрифта: 18px; } ч2, h3, h4, h5 { цвет: #008577; выравнивание текста: по ширине; поле: 10 пикселей; } Таблица { поле: 5px } Таблица, й, тд { граница коллапса: коллапс; } й, тд { отступ: 5px; выравнивание текста: вправо; семейство шрифтов: hacen; нижняя граница: 1px сплошная #ddd; } тд { вертикальное выравнивание: сверху; } таблица tr:nth-child(even) { цвет фона: #E9ФКЭК; } таблица tr:nth-child(нечетный) { цвет фона: #fff; } стол й { белый цвет; цвет фона: #008577; } таблица тд { выравнивание текста: по ширине; граница: 1px сплошная #ddd; пробел: nowrap; вертикальное выравнивание: посередине; отступ справа: 10px; отступ слева: 10px; } дел { переполнение: прокрутка }
<голова> 0, user-scalable=yes, width=device-width" /> <тело> <дел> <таблица>заголовок <тд>1 это первая половина первой строки это вторая половина первой строки <тд>2 это первая половина второй строки это вторая половина второй строки <тд>3 это короткая строка это короткая строка2
Я перепробовал много разных комбинаций и много искал, но не нашел решения.
- html
- css
- html-таблица
Вы можете использовать text-align-last: justify;
:
ч3 { размер шрифта: 22px; } h4 { размер шрифта: 20 пикселей; } h5, п, й, тд { размер шрифта: 18px; } h2, h3, h4, h5 { цвет: #008577; выравнивание текста: по ширине; поле: 10 пикселей; } Таблица { поле: 5px } стол, т, тд { граница коллапса: коллапс; } й, тд { отступ: 5px; выравнивание текста: вправо; семейство шрифтов: hacen; нижняя граница: 1px сплошная #ddd; } тд { вертикальное выравнивание: сверху; } таблица tr:nth-child(even) { цвет фона: #E9ФКЭК; } таблица tr:nth-child(нечетный) { цвет фона: #fff; } стол й { белый цвет; цвет фона: #008577; } таблица тд { выравнивание текста: по ширине; последнее выравнивание текста: выравнивание; граница: 1px сплошная #ddd; пробел: nowrap; вертикальное выравнивание: посередине; отступ справа: 10px; отступ слева: 10px; } дел { переполнение: прокрутка }
<голова> 0, user-scalable=yes, width=device-width" /> <тело> <дел> <таблица>заголовок 1 это первая половина первой строки это вторая половина первой строки 2 это первая половина второй строки это вторая половина второй строки 3 это короткая линия это короткая линия2