Я задал контейнеру ширину и высоту дал ему display flex. если

Question

Я задал контейнеру ширину и высоту дал ему display flex. если

я даю ему flex-flow: row-wrap; то когда сжимаю экран то елементы которые не влезли переходят на следующую, а если я даю flex-flow: column wrap и сжимаю страницу то нифига! почему так нах(с)?

#css #frontend #html #programming #russian

0

21.02.2023

5 ответов

15 просмотров

Руслан Владимирович Автор вопроса

Когда вы устанавливаете display: flex на контейнер...

я жестко установил width: 800; height:800; а как не жесткую установить? min и max пробывал и ничо

0

21.02.2023

Котя

Руслан Владимирович
я жестко установил width: 800; height:800; а как н...

height без min вообще категорически нельзя использовать

0

21.02.2023

Руслан Владимирович Автор вопроса

Котя
height без min вообще категорически нельзя исполь...

я вообще никогда height не использую, но тут пришлось

0

21.02.2023

Котя

Руслан Владимирович
я вообще никогда height не использую, но тут пришл...

и такое бывает

0

21.02.2023

Accepted Answer

Когда вы устанавливаете display: flex на контейнер, вы задаете ему гибкий макет (flex layout), который позволяет элементам контейнера управлять своей шириной, высотой и порядком в зависимости от доступного пространства и свойств флекс-контейнера. Свойство flex-flow устанавливает значение свойств flex-direction и flex-wrap одновременно. flex-flow: row-wrap; задает направление гибкого макета горизонтальное (flex-direction: row) и обертывание элементов построчно (flex-wrap: wrap), что означает, что элементы будут переноситься на следующую строку, когда ширина контейнера недостаточна для отображения всех элементов в одной строке. flex-flow: column wrap; задает вертикальное направление гибкого макета (flex-direction: column) и обертывание элементов в столбец (flex-wrap: wrap), что означает, что элементы будут переноситься на следующую колонку, когда высота контейнера недостаточна для отображения всех элементов в одном столбце. Если элементы не переносятся на следующую строку при установке flex-flow: column wrap;, это может быть вызвано тем, что элементы уже настолько маленькие, что они могут поместиться в доступном пространстве, или же у вас установлено жесткое ограничение высоты контейнера, которое не позволяет элементам переноситься на следующую колонку. Рекомендуется проверить размеры элементов и убедиться, что вы не устанавливаете жесткие ограничения на высоту контейнера, которые могут препятствовать переносу элементов на следующую колонку.

169 похожих чатов

Я задал контейнеру ширину и высоту дал ему display flex. если

5 ответов

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