# 6. Выравнивание элементов сетки и промежутки между элементами Для выравнивания элементов сетки можно использовать свойство **margin**, аналогично, как работает это свойство для блочных элементов. По умолчанию элементы сетки растягиваются, чтобы заполнить свою область сетки. Тем не менее, если **justify-self** или **align-self** вычисляют значение, отличное от **stretch** или задано **margin: auto**, элементы сетки будут автоматически изменяться в соответствии с их содержимым. ## 6.1. Выравнивание с помощью margin: auto При расчете размеров дорожек сетки **margin: auto** обрабатываются как **0**. Они поглощают положительное свободное пространство, предшествующее выравниванием с помощью свойств выравнивания. Переполняющиеся элементы игнорируют свои автоматические поля и переполнение, как указано в их свойствах выравнивания блоков. ## 6.2. Выравнивание по оси строки Элементы сетки могут быть выровнены в направлении оси строки (по горизонтали для LTR-языков) с помощью свойства **justify-self** или свойства **justify-items** (заданного для контейнера-сетки). ## 6.3. Выравнивание по оси столбца Элементы сетки могут выровнены в направлении, перпендикулярном оси строки с помощью свойства **align-self** или свойства **align-items**, заданного для контейнера-сетки. ## 6.4. Промежутки между элементами сетки: свойства row-gap, column-gap и gap Свойства **row-gap** и **column-gap** (и их сокращенная запись **gap**), если они указаны в контейнере сетки, определяют промежутки между строками и столбцами сетки. При определении размера дорожки каждый промежуток рассматривается как дополнительная пустая дорожка указанного размера. Дополнительный промежуток также может быть добавлен между дорожками за счет свойств **justify-content** и **align-content**. Промежутки добавляются только между двумя дорожками сетки, то есть они не добавляются перед первой и после последней дорожки. Свойства не наследуются. **row-gap, column-gap**: ```dokuwiki ^Значения: ^ ^ |normal |Вычисляется как 0px. Значение по умолчанию.| |длина или % |Процентное значение вычисляется относительно размеров области сетки. Отрицательные значения не используются.| ``` **Синтаксис** ```css row-gap: 1.5em; column-gap: 10px; gap: 1%; ``` [[0_content|Оглавление]]