@YariKartoshe4ka

Как подогнать размер flexbox'a (с flex-flow: wrap) под его содержимое?

Пытаюсь подогнать размер флексбокса под его содержимое, т.е. чтобы ширина container2 был равна не ширине container1, а ширине содержимого (item). Пробовал поставить width: fit-content, но почему-то оно не оказывает никакого вляния. Тестовая верстка: тык.

UPD: если увеличить container1 до 1000px, item должны быть в строчку
  • Вопрос задан
  • 57 просмотров
Пригласить эксперта
Ответы на вопрос 2
SuperToster
@SuperToster
.container1 {
  display: flex;
  justify-content: center;
  width: 500px;
  border: 4px dashed violet;
}

.container2 {  
  display: flex;
  flex-direction: column;
  gap: 5px 0;
  text-align: center;
  background-color: red;
}
Ответ написан
Комментировать
Kentavr16
@Kentavr16
long cold winter
width:min-content
Это еслирешать задачу по твоим вводным.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы