Перейти к содержимому

Как выровнять текст по центру

  • автор:

Изменение горизонтального выравнивания текста на странице

Выравнивание определяет внешний вид и ориентацию краев абзаца. Текст можно выровнять по левому или правому краю, по центру и по ширине (при этом он равномерно распределяется между левым и правым полями). Например, в абзаце с выравниванием по леву краю (наиболее распространенное выравнивание) левый край абзаца выравнивается по левому краю.

Вертикальное выравнивание определяет положение текста в разделе документа относительно верхнего и нижнего полей и часто используется для создания обложки.

Выравнивание текста по левому или правому краю

  1. Выделите текст, который вы хотите выровнять.
  2. На вкладке «Главная» в группе «Абзац» нажмите кнопку «Выровнять по левую « или «Выровнять по правому .

Центр текста по горизонтали между боковыми полями

  1. Выделите текст, который вы хотите выровнять по центру.
  2. На вкладке «Главная» в группе «Абзац» нажмите кнопку » «.

Центр текста по вертикали между верхним и нижним полями

Кнопка диалогового окна

  1. Выделите текст, который вы хотите выровнять по центру.
  2. На вкладке «Макет»или «Разметка страницы» в группе кнопку запуска диалогового окна, а затем перейдите на вкладку «Макет».
  3. В списке Вертикальное выравнивание выберите значение По центру.
  4. В поле Применить выберите вариант к выделенному тексту и нажмите кнопку ОК.

Выровнять по ширине

При выравнивании текста по ширине в Word у него будут ровные края с обеих сторон. Выравнивание растягивает все строки текста до левого и правого полей. При этом последняя строка абзаца может оказаться значительно короче остальных строк.

  1. Выделите текст, который вы хотите выровнять по ширине.
  2. На вкладке «Главная» в группе «Абзац» нажмите кнопку «По «.
  • В группе «Абзац» нажмите кнопку Кнопка диалогового окнадиалогового окна и выберите в меню «Выравнивание» выравнивание текста. Чтобы открыть диалоговое окно В диалоговом окне
  • Вы также можете использовать сочетание клавиш CTRL+J.

Создание центральной обложки

В Office Word 2007 можно выбрать один из вариантов страниц, чтобы быстро и легко создать профессионально выглядячий документ.

  1. На вкладке Вставка в группе Страницы выберите элемент Титульная страница.
  2. Щелкните нужный веб-сайт. В начало открытого документа всегда добавляется обложка.

Как выровнять текст по центру?

Для горизонтального выравнивания текста по центру используется стилевое свойство text-align со значением center . Чтобы такое выравнивание работало в нужных местах, можно создать класс с именем center и добавлять его к желаемым элементам (пример 1).

Пример 1. Выравнивание текста

Результат примера показан на рис. 1.

Текст, выровненный по центру веб-страницы

Рис. 1. Текст, выровненный по центру веб-страницы

В данном примере текст внутри с классом center выравнивается по центру веб-страницы.

См. также

  • text-align
  • Свойства текста в CSS

Как выровнять текст по центру?

Используйте стилевое свойство text-align со значением center , добавляя его к абзацу (селектору P ) или к определенному слою (пример 1).

Пример 1. Выравнивание текста

HTML5 CSS 2.1 IE Cr Op Sa Fx

    Выравнивание по центру .text 
Современная образовательная парадигма, ратифицируя приоритет личностной ориентации педагогического процесса, в ходе которого осуществляется развитие природных задатков, заложенных в каждом индивидууме, требует переосмысления существующих традиционных форм и методов общеобязательного образования.

Результат примера показан на рис. 1.

Текст, выровненный по центру веб-страницы

Рис. 1. Текст, выровненный по центру веб-страницы

В данном примере текст внутри слоя с именем text выравнивается по центру веб-страницы.

CSS по теме

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.

Популярные рецепты

  • Как добавить картинку на веб-страницу?
  • Как добавить иконку сайта в адресную строку браузера?
  • Как добавить фоновый рисунок на веб-страницу?
  • Как сделать обтекание картинки текстом?
  • Как растянуть фон на всю ширину окна?
  • Как выровнять фотографию по центру веб-страницы?
  • Как разместить элементы списка горизонтально?
  • Как убрать подчеркивание у ссылок?
  • Как убрать маркеры в маркированном списке?
  • Как изменить расстояние между строками текста?
  • Как сделать, чтобы картинка менялась при наведении на нее курсора мыши?
  • Как открыть ссылку в новом окне?

Тег HTML выравнивание текста по центру

Тег в HTML используется, чтобы выровнять текст по центру.

Текст, помещенный внутри тега , будет размещен симметрично относительно центра родительского блока.

Тег является устаревшим и не поддерживается в HTML5.

Как выровнять текст по центру в HTML5

В HTML5 выравнивание текста по центру (по середине блока) осуществляется при помощи CSS свойства text-align . Значение center позволяет выровнять текст относительно центра (центрирование). Другие значения: left, right, justify изменяют правило выравнивания на, соответственно, по левому краю, по правому краю и по ширине блока.

Синтаксис

текст

Отображение в браузере

Пример использования в HTML коде




Выравнивание текста по центру в HTML


текст по центру



текст по центру

Поддержка браузерами

Тег Google Chrome Internet Explorer Mozilla FireFox Safari Opera
Да Да Да Да Да

Атрибуты

Тег не имеет собственных атрибутов, поддерживает глобальные HTML атрибуты.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *