Макет ‘Justify’ указывает, каким образом в браузерах выравнивается пространство между и вокруг элементов контента вдоль главной оси их контейнера по горизонтали.
Понятнее выражаясь, верстка с макетом ‘justify’ дает простые решения сложных задач. Пример:
- когда необходимо выровнять контент по горизонтали;
- прижать футер к низу экрана;
- вставить визуальные элементы в один ряд, чтобы они занимали доступное пространство.
Стиль justify помогает браузерам эффективно распределять пробелы между рядами контента и вокруг их элементов относительно главной оси страницы.
Помогает убрать визуальные недостатки HTML и CCS кода адаптированного под различную ширину и высоту и, как результат, сделать верстку понятной, логичной и простой: красиво размещать самые различные параметры контента внутри контейнера:
- выравнивание в высоту и ширину;
- направление, порядок размещения;
- высоту, ширину, распределение места на экране;
- сжатие и разжатие элементов.
Практическое использование макетов “Justified”
Применение макетов justify для галерей, портфолио и блогов: создавайте “justify” портфолио, галереи и публикации размещая все элементы вдоль главной оси и наслаждайтесь адаптивной версткой, выровненные по краям или по ширине изображения и тексты.
Ниже, на странице, приведены наглядные примеры использования justify-макетов.
Особенное внимание: выравнивание текста по ширине
Justify широко применяется в печати и не стоит увлекаться этим стилем при создании текстовых веб-страниц. Чтобы выровнять текст по краям, браузеры добавляют пробелы между словами. В тексте будут некрасивые зазоры, которые вызывают дискомфорт при чтении. Всегда нужно контролировать внешний вид текста на веб-страницах, который выровнен по краям и удобно ли его читать? Особенное внимание обращайте на узкие блоки текста и мобильные версии веб-страниц.
