kleinmaximus
@kleinmaximus
Senior Full-stack Javascript Developer

Как сверстать 2-х колоночный макет на flex если заранее неизвестна высота?

Можно ли на CSS3 (без использования JavaScript) сделать макет, чтобы внутренние блоки разделились поровну на 2 колонки?
Заранее высота блока общего неизвестна, а знаем только ширину.
Высоту внутренних элементов так же не знаем (она может отличаться от блока к блоку) с учетом того, то во внутренних блоках могут присутствовать картинки со сторонних ресурсов (высота и пропорции картинок неизвестны), текст (количество текста так же не знаем).
При добавлении внутренних блоков они должны распределяться в 2 колонки (должна увеличиваться общая высота), а не появляться 3-я колонка.
  • Вопрос задан
  • 222 просмотра
Пригласить эксперта
Ответы на вопрос 2
@AndrewRook
Начинающий WEB Разработччик
.flex-row {
    flex-wrap: wrap;
}
Ответ написан
Комментировать
Krasnodar_etc
@Krasnodar_etc
fundraiseup
Ну, задайте каждому внутреннему блоку ширину 50% и разрешите перенос как ответил @AndrewRook
Именно с flex-direction: column у вас без фикс. высоты ничего не получится
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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