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​
    ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

ความคิดเห็น •