Эта статья является частью нашей серии CSS AtoZ. Вы можете найти другие записи серии здесь .
Смотрите полный скринкаст и стенограмму для обоснования текста здесь .
Добро пожаловать в нашу серию AtoZ CSS! В этой серии я буду изучать различные значения CSS (и свойства), каждое из которых начинается с другой буквы алфавита. Мы знаем, что иногда скринкастов просто недостаточно, поэтому в этой статье я добавил новый быстрый совет / урок об обосновании текста для вас.
J для justify
О оправданном тексте сказать особо нечего, поэтому в этом посте мы познакомимся с миром Flexbox и рассмотрим способы обоснования содержания.
В скринкасте для буквы J мы обсудили свойство text-alignjustify Об этом больше нечего сказать, поэтому давайте вместо этого покопаемся во флексбоксе!
Flexbox имеет свойство justify-contentflex
Каждое значение этого свойства определяет, как браузер будет распределять пространство между элементами Flex и вокруг них вдоль главной оси их родительского контейнера.
Существует пять разных значений для justify-content
* flex-start
* flex-end
* center
* элементы space-between
* элементы space-around
Посмотрите на этот пример, чтобы увидеть различные результаты при изменении значения свойства justify-content