Flexbox | FLEX-WRAP | Определяет, будет ли flex-контейнер в несколько рядов или колонок
ฝัง
- เผยแพร่เมื่อ 10 ก.ย. 2024
- Свойство flex-wrap определяет, будет ли flex-контейнер несколько рядов элементов (строк или столбцов) в случае, если его размеры недостаточны, чтобы вместить в один ряд все элементы.
Это свойство может принимать следующие значения:
nowrap: значение по умолчанию, которое определяет flex-контейнер, где все элементы располагаются в одну строку (при расположении в виде строк) или один столбец (при расположении в столбик).
wrap: если элементы не помещаются во flex-контейнер, то создаёт дополнительные ряды в контейнере для размещения элементов. При расположении в виде строки создаются дополнительные строки, а при расположении в виде столбца добавляются дополнительные столбцы.
wrap-reverse: то же самое, что и значение wrap, только элементы располагаются в обратном порядке.
Ссылка на шпаргалку с урока:
html5.by/blog/...
Ссылка на стартовый код для практики:
drive.google.c...
Если есть вопросы, пишите, я с радостью на них отвечу.
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3"
От установки редактора, до публикации в сети.
👉 Получить уроки, конспекты, макет и код из уроков: webcademy.ru/ht...
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Хочешь стать Frontend разработчиком и изучить JavaScript + React ?
Советую посмотреть информацию по ссылке ниже:
webcademy.ru/j...
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Также будем рады видеть вас в наших сообществах:
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Вконтакте: web__sk...
Telegram канал: t.me/web_skills
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::