Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Иван Гришов
@IvanGrishov
Начинающий Frontend разработчик
Вёрстка
Как разбить список на три колонки без указания фиксированной высоты?
Мне необходимо разбить список на три колонки и чтобы элементы шли по-порядку сверху вниз, а не слева направо.
Ограничивать высоту тоже нельзя. Через flex-direction: column не выходит.
Я нашел свойство columns. Но оно криво работает, для текста, наверное, хорошо подойдет.
Подскажите какой-нибудь способ. Спасибо за ответ.
Сейчас в моем пример стоит columns, но он криво переносит элементы
(подсказки, которые всплывают при наведение - разрезаются)
snippet
Вопрос задан
более трёх лет назад
191 просмотр
2
комментария
Подписаться
1
Простой
2
комментария
Facebook
Вконтакте
Twitter
Иван Гришов
@IvanGrishov
Автор вопроса
число элементов может будет любое, будут выводиться циклом.
Написано
более трёх лет назад
Dimka59
@Dimka59
падинг добавить?
Написано
более трёх лет назад
Решения вопроса
1
andand44
@andand44
https://jsfiddle.net/9vdLa2fp/
break-inside: avoid; backface-visibility: hidden; и display: inline-block; в нужных местах могут помочь
Ответ написан
более трёх лет назад
2
комментария
Нравится
1
2
комментария
Facebook
Вконтакте
Twitter
Иван Гришов
@IvanGrishov
Автор вопроса
Спасибо. Только не понятно зачем свойство backface-visibility: hidden. Оно, как я понимаю, скрывает обратную сторону блока, при анимации, когда мы переворачиваем блок.
Написано
более трёх лет назад
andand44
@andand44
Можно попробовать убрать. Не помню, для чего оно в подобном случае, но в похожих вопросах его часто упоминали.
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
+2 ещё
Простой
Как сделать такую сетку?
1 подписчик
23 часа назад
215 просмотров
2
ответа
CSS
+3 ещё
Средний
Яндекс Браузер на MacOS: как убрать или подвинуть иконку автозаполнения?
1 подписчик
25 июл.
62 просмотра
0
ответов
Вёрстка
Средний
Как создать эффект для активной кнопки?
1 подписчик
09 июл.
134 просмотра
1
ответ
Вёрстка
Простой
TG Mini App Full screen отступ от выреза?
2 подписчика
05 июл.
252 просмотра
1
ответ
CSS
+1 ещё
Простой
Как сделать чтобы блок с border-dashed постепенно заполнялся border-solid?
2 подписчика
28 июн.
1148 просмотров
1
ответ
Вёрстка
Простой
Как сделать расстояние между блоками в HTML фиксированным?
2 подписчика
22 июн.
230 просмотров
1
ответ
Вёрстка
+2 ещё
Простой
Не открывается меню сайта на мобильных, как решить?
1 подписчик
16 июн.
151 просмотр
0
ответов
CSS
+1 ещё
Средний
Как сделать такую фигуру на css?
1 подписчик
13 мая
891 просмотр
1
ответ
Вёрстка
Простой
Верстать прямо в браузере и сохранять изменения в файлы — возможно ли?
1 подписчик
09 мая
221 просмотр
3
ответа
Вёрстка
Простой
Как в верстке сделать уши у контейнера?
1 подписчик
10 апр.
156 просмотров
2
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
HTML-верстальщик (HTML/CSS/JavaScript)
CleanTalk
от 100 000 ₽
Frontend AI разработчик
Asphera Technologies
от 60 000 ₽
Frontend Vue & Developer Middle++
Parasol Software
от 2 000 до 2 500 $
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама