Вирівнювання вмісту контейнера < ;div> по краю.
Даний атрибут застарів, замість нього використовуйте стилі.
Синтаксис
<div align="center | left | right | justify">...</div>
Значення
- center
- Вирівнювання тексту по центру. Текст міститься по центру горизонталі вікна браузера або контейнера, де розташований текстовий блок. Рядки тексту наче нанизуються на вертикальну невидиму вісь, яка проходить центром веб-сторінки. Подібний спосіб вирівнювання активно використовується в заголовках та різних підписах, на кшталт підмалювальних, він надає офіційного та солідного вигляду оформленню тексту. У всіх інших випадках вирівнювання по центру застосовується рідко, оскільки читати великий обсяг такого тексту незручно.
- left
- Вирівнювання тексту по лівому краю. У цьому випадку рядки тексту вирівнюється по лівому краю, а правий край розташовується «драбинкою». Такий спосіб вирівнювання є найбільш популярним на сайтах, оскільки дозволяє користувачеві легко відшукувати поглядом новий рядок і комфортно читати великий текст. Вирівнювання тексту з правого краю. Цей спосіб вирівнювання виступає у ролі антагоніста попереднього типу. А саме, рядки тексту дорівнюють праворуч, а лівий залишається «рваним». Через те, що лівий край не вирівняний, а саме з нього починається читання нових рядків, такий текст читати важче, ніж, якщо він був вирівняний по лівому краю. Тому вирівнювання з правого краю застосовується зазвичай для коротких заголовків обсягом трохи більше трьох рядків. Ми не розглядаємо специфічні сайти, де текст доводиться читати праворуч наліво, там можливо подібний спосіб вирівнювання і стане в нагоді. Щоб зробити це браузер додає пробіли між словами.
Значення за замовчуванням
left
Приклад
< !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>DIV, атрибут align</title> <style type="text/css"> .layer1 { background: #fc0; padding: 5px; }
.layer2 { background: #fff; width: 60%; padding: 10px; }
</style>
</head>
<body> <div align="right" class="layer1"> <div align="left" class="layer2"> З урахуванням всіх вищевикладених обставин, можна вважати припустимим, що вимір відновлює горіхуватий лесиваж.
</div>
</div>
</body>
</html>Результат цього прикладу показаний на рис. 1.
Мал. 1. Вирівнювання елементів за допомогою атрибута align
Примітка
Для вирівнювання тексту всередині <div> використовуйте стильову властивість text-align.
< !DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>text-align</title> <style> .center {text-align: center; /* Вирівнювання по центру */
}
</style>
</head>
<body> <div class="center"> <h2>Заголовок</h2> <p>Текст</p>
</div>
</body>
</html>Браузери
| 4 | 12 | 1 | 3.5 | 1 | 1 |
| 1 | 1 | 6 | 1 |
Браузери
У таблиці браузерів застосовуються такі позначення.
- — елемент повністю підтримується браузером;
- — елемент браузером не сприймається та ігнорується;
- — при роботі можлива поява різних помилок, або елемент підтримується з застереженнями.
Число вказує версію браузреа, з якої елемент підтримується.