Как выровнять текст одновременно по правому и левому краю - «Текст» » Самоучитель CSS
Меню
Наши новости
Учебник CSS

Невозможно отучить людей изучать самые ненужные предметы.

Введение в CSS
Преимущества стилей
Добавления стилей
Типы носителей
Базовый синтаксис
Значения стилевых свойств
Селекторы тегов
Классы
CSS3

Надо знать обо всем понемножку, но все о немногом.

Идентификаторы
Контекстные селекторы
Соседние селекторы
Дочерние селекторы
Селекторы атрибутов
Универсальный селектор
Псевдоклассы
Псевдоэлементы

Кто умеет, тот делает. Кто не умеет, тот учит. Кто не умеет учить - становится деканом. (Т. Мартин)

Группирование
Наследование
Каскадирование
Валидация
Идентификаторы и классы
Написание эффективного кода

Самоучитель CSS

Вёрстка
Изображения
Текст
Цвет
Линии и рамки
Углы
Списки
Ссылки
Дизайны сайтов
Формы
Таблицы
CSS3
HTML5

Новости

Блог для вебмастеров
Новости мира Интернет
Сайтостроение
Ремонт и советы
Все новости

Справочник CSS

Справочник от А до Я
HTML, CSS, JavaScript

Афоризмы

Афоризмы о учёбе
Статьи об афоризмах
Все Афоризмы

Видео Уроки


Наш опрос



Наши новости

       
24-03-2016, 13:39
Как выровнять текст одновременно по правому и левому краю - «Текст»
Рейтинг:

Для выравнивания текста в блоке, например абзаце, применяется стилевое свойство text-align. Его значение justify и устанавливает выравнивание текста по ширине, т.е. сразу по левому и правому краю текстового блока (пример 1).

 

Пример 1. Выравнивание по ширине

HTML5CSS 2.1IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Выравнивание по ширине</title>
  <style>
   p {
    text-align: justify; /* Выравнивание по ширине */
   }
  </style>
 </head>
 <body>
  <p>JPEG (Joint Photographic Experts Group) - популярный формат графических 
  файлов, широко применямый при создании сайтов и хранения изображений. 
  JPEG поддерживает 24-битовый цвет и сохраняет яркость и оттенки цветов в 
  фотографиях. Данный формат называют сжатием с потерями, поскольку 
  алгоритм JPEG выборочно отвергает данные.</p> 
 </body>
</html>

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

 

Рис. 1. Текст, выровненный одновременно по правому и левому краю

В данном примере свойство text-align применяется к селектору P, что заставляет весь текст в абзацах выравниваться по ширине. Учтите, что при таком способе выравнивания, скорее всего, появятся большие промежутки между словами в предложении.


Для выравнивания текста в блоке, например абзаце, применяется стилевое свойство text-align. Его значение justify и устанавливает выравнивание текста по ширине, т.е. сразу по левому и правому краю текстового блока (пример 1). Пример 1. Выравнивание по ширине HTML5 CSS 2.1 IE Cr Op Sa Fx Результат примера показан на рис. 1. Рис. 1. Текст, выровненный одновременно по правому и левому краю В данном примере свойство text-align применяется к селектору P, что заставляет весь текст в абзацах выравниваться по ширине. Учтите, что при таком способе выравнивания, скорее всего, появятся большие промежутки между словами в предложении.
Просмотров: 3 096
Комментариев: 0:   24-03-2016, 13:39
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

 
Еще новости по теме:



Другие новости по теме: