Содержание
- направления
- Как выровнять текст
- оставил {
- прямо {
- центр {
- Как централизовать деление, контур и деление тела
- чаевые
- Что вам нужно
Вместо использования атрибутов выравнивания HTML, содержащихся в тегах HTML, которые маркируют текст, веб-дизайнерам лучше перенести информацию презентации (параметры выравнивания) в таблицу стилей. В этой статье объясняется, как выровнять текст и как центрировать более крупные элементы страницы, такие как разделы.
направления
Таблицы стилей позволяют выровнять и центрировать больше, чем текст (изображение макета сайта 6922Designer от Fotolia.com)-
Чтобы выровнять текст внутри обычного блока текста, такого как абзац или цитата, используйте свойство text-align.
-
Возможные значения для свойства text-align: left, right, center и justify. Поскольку выровненный текст не очень читабелен в Интернете, на рисунке показаны только выравнивания по левому, правому краям и по центру. На этом рисунке каждый абзац имеет черную рамку, чтобы продемонстрировать размер элемента блока на странице, если к элементу не применяется регулировка ширины.
-
Как правило, элемент присваивается идентификатору или классу. Выравнивание текста на любых элементах в этом идентификаторе или классе определяется с помощью правила, такого как следующее:
оставил {
выравнивание текста: слева; }
прямо {
выравнивание текста: справа; }
центр {
выравнивание текста: по центру; }
Как выровнять текст
-
Вы можете центрировать весь макет или большой макет. В этих случаях используется другая техника CSS.
-
Вы применяете правило CSS к селектору самого большого элемента, который вы хотите центрировать. Это может быть элемент тела, граничное деление или контейнерное деление.
-
Центрирование этим методом не влияет на выравнивание текста. Центрированный элемент сохранит выравнивание текста по умолчанию внутри центрированного элемента.
-
Ниже приведена иллюстрация целого элемента тела (с черной рамкой для ясности), центрированного на странице. Для элемента должна быть задана ширина, тогда для левого и правого полей устанавливается автоматический режим. Это делается следующим образом:
тело {ширина: 80%; поле справа: авто; поле слева: авто; граница: 1px сплошной черный; }
Как централизовать деление, контур и деление тела
чаевые
- Обычно вам не нужно использовать выравнивание по левому краю, поскольку выравнивание по левому краю используется по умолчанию.Однако вы должны знать, что он существует, если вам придется переопределить ранее централизованный или выровненный по правому краю текст по умолчанию позже. Ширина центрируемого элемента может быть определена в пикселях, процентах или ems.
Что вам нужно
- Текстовый редактор
- Редактор HTML
- Базовые знания HTML