Задать вопрос
@TANK_IST
html

Как использовать css3 column для блоков, а не для текста?

При использовании колонок для текста всё ОК, текст переносится целым.
А вот когда я использую блоки получается вот такая беда: jsfiddle.net/ehQ6c
Блоки переносятся по кусочкам, а мне это совсем не нужно.

Дело в том что высота родительского блока может изменятся и когда блок не влазит в колонку он должен переносится целиком:
image.png

Возможно ли это сделать без JS?
  • Вопрос задан
  • 2883 просмотра
Комментировать
Подписаться 2 Оценить Комментировать
Решения вопроса 1
@omo
Сделайте внутренние дивы инлайн-блоками jsfiddle.net/ehQ6c/1
Ответ написан
4 комментария
4 комментария
Пригласить эксперта
Ответы на вопрос 3
mrTyler
@mrTyler
Frontend Developer
Используй display: flex он же flex-box.
Ответ написан
1 комментарий
1 комментарий
@okozlovskyi
Насколько я знаю, то это свойство не предназначено для блоков.
А в чем проблема сделать float:left + width: x% ?
Ответ написан
Комментировать
Комментировать
@ins24
и все логично, что не помещается переносится в следующую колонку, он же для текста предназначен. а почему именно способ колонками? действительно же лучше инлайн-блоками или флоатами?
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Кастомизация стандартного функционала Битрикс24
25 апр. 2024, в 11:33
7000 руб./за проект
Обновить C# приложения с net4 до net8. Платформа для трейдинга
25 апр. 2024, в 11:33
2500000 руб./за проект
Монтаж ролика для инстаграм
25 апр. 2024, в 11:26
500 руб./за проект
Ещё заказы