Как сделать выравнивание текста по ширине при помощи css

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

Так обычно печатают тексты на колонках любой газеты. Но в редакции газеты есть специалист, который занимается только набором данного текста и где нужно делается сноски по слогам, если слово не влезает в текущую строку. И соответственно, ширина поля текста величина фиксированная. А в отличие от этого веб страница может менять свою ширину в зависимости от размеров экрана.
 

Но бывают случаи когда ширина страницы величина фиксированная и не меняется при любой ширине экрана. Тогда имеет смысл написать текст со сносками предлогов именно только для этой ширины страницы.

Но, следует иметь в виду что при разных размерах текст будет либо слишком маленьким и занимать только часть экрана. Либо наоборот слишком большим, и не влезать в небольшой монитор.

Поэтому сами выбирайте какой вариант вам более или менее подходит.
Для того, чтобы выровнять текст по ширине используют атрибут justify.

Код следующий:
 

text-align: justify;

Например, зададим для тега <p> класс txt. Вот так это выглядит <p class=”txt”>
А во внешнем файле CSS пропишем стили для этого класса:

p.txt { text-align: justify; }

При таком стиле пробелы в тексте автоматически регулируются так, чтобы текст, прижимался к левому и правому краю окна.
 

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

Пользуйтесь! И будет вам счастье.
 

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


( ! ) Ф.И.О.
( ! ) Текст сообщения: (Не больше 5000 знаков)

( ! )Введите текст с картинки :
Обновить код
Положительный отзыв Положительный отзыв
Отрицательный отзыв Отрицательный отзыв



Коллекция скриптов и модулей   © 2017