Главная » CSS3 » Grid » justify-content
46 0  

justify-content

Иногда общий размер вашей сетки может быть меньше размера ее контейнера. Это может произойти, если все ваши элементы сетки имеют размеры с негибкими единицами, такими как px. В этом случае вы можете установить выравнивание сетки внутри контейнера сетки. Это свойство выравнивает сетку вдоль встроенной оси (строки) (в отличие от align-content, который выравнивает сетку вдоль оси блока (столбца)).

place-conten - это выравнивае сетки в контейнере grid:

justify-content

.container {justify-content: start;}

justify-content: end; 
justify-content: center;
justify-content: stretch; 
justify-content: space-around;
justify-content: space-between;
justify-content: space-evenly;

start- выравнивает сетку, чтобы быть вровень с начальным краем контейнера сетки
end - выравнивает сетку, чтобы быть вровень с конечным краем контейнера сетки
center - выравнивает сетку по центру контейнера сетки
stretch - изменяет размеры элементов сетки, чтобы позволить сетке заполнить всю ширину контейнера сетки
space-around - размещает равномерное количество пространства между каждым элементом сетки с половинными пробелами на дальних концах
space-between - помещает ровное количество пространства между каждым элементом сетки, без места на дальних концах
space-evenly - размещает равномерное пространство между каждым элементом сетки, включая дальние концы

Оставить свой комментарий:

Опыт в веб разработке:

2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
1979
2020