Задать вопрос
johnymkp
@johnymkp

Почему при переносе элементов столбцы получаются разной ширины?

Почему в вертикальном флексе, когда элементы переносятся в следующий столбец, то столбцы получаются разной ширины? Вот подготовил пример в песочнице. А вот скрин, где видно, что ширина разная.

Я понимаю, что если бы какой-то элемент был слишком широкий и ширины контейнера не хватило бы, чтобы разбиться ровно пополам на два столбца. Тогда конечно один столбец бы занял сколько надо, а другой довольствовался бы остатками ширины. Но тут ширины достаточно, а все равно первый столбец Уже. Вот когда имеем дело со строками, то там все нормально - высота контейнера делится между получившимися строками поровну.

Это баг или как?
  • Вопрос задан
  • 98 просмотров
Подписаться 1 Простой 4 комментария
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Занимают ширину пропорционально содержимому

Вот когда имеем дело со строками, то там все нормально - высота контейнера делится между получившимися строками поровну.

вовсе нет. просто у вас все строки одинаковой высоты. Попробуйте в одну из них добавить например <br>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы