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

Как сделать так, чтобы то, что показано на скриншоте 1

каким-нибудь ебически-волшебным образом превратилось в то, что показано на скриншоте 2? Т.е. чтобы карточки (по сути дивы) занимали всё свободное пространство как по горизонтали, так и по вертикали. Да и если просто скажете, как такой вариант расстановки блоков называется, буду чрезмерно благодарен

7 ответов

21 просмотр
Суперкот Межгалактический
screenshot

можно попробовать сделать на гридах, но там вроде ещё не очень хорошая поддержка браузерами тех свойств что нужны, а вообще для реализации такого можно использовать библиотеку masonry или написать самому

Viktor
можно попробовать сделать на гридах, но там вроде ...

ну я попробовал на флексах сделать, т.к. их знаю и они обычно для подобной херни используются. А вот про гриды вообще не шарю... masonry вроде даёт то, что нужно. Сяп, гляну

Суперкот Межгалактический
ну я попробовал на флексах сделать, т.к. их знаю и...

на флексах такое не сделать, да и на гридах там ещё экспериментальные свойства, вот на хабре есть статейка https://habr.com/ru/articles/526008/

Viktor
на флексах такое не сделать, да и на гридах там ещ...

могу ошибаться, но можно же просто по колонкам рисовать, а чтобы порядок не нарушался, дочернему диву (колонке) дать display contents

ramen
могу ошибаться, но можно же просто по колонкам рис...

можно, но тогда должна быть фиксированная высота

Сделайте предка блоком, со свойством колонки: 4 А карточки инлайн-блок Но порядок карточек будет не горизонтальный, а вертикальный. В остальных случаях к сожалению надо поколдовать на жс.

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

Обсуждают сегодня

Господа, а что сейчас вообще с рынком труда на делфи происходит? Какова ситуация?
Rꙮman Yankꙮvsky
29
А вообще, что может смущать в самой Julia - бы сказал, что нет единого стандартного подхода по многим моментам, поэтому многое выглядит как "хаки" и произвол. Короче говоря, с...
Viktor G.
2
30500 за редактор? )
Владимир
47
а через ESC-код ?
Alexey Kulakov
29
Чёт не понял, я ж правильной функцией воспользовался чтобы вывести отладочную информацию? но что-то она не ловится
notme
18
У меня есть функция где происходит это: write_bit(buffer, 1); write_bit(buffer, 0); write_bit(buffer, 1); write_bit(buffer, 1); write_bit(buffer, 1); w...
~
14
Добрый день! Скажите пожалуйста, а какие программы вы бы рекомендовали написать для того, чтобы научиться управлять памятью? Можно написать динамический массив, можно связный ...
Филипп
7
Недавно Google Project Zero нашёл багу в SQLite с помощью LLM, о чём достаточно было шумно в определённых интернетах, которые сопровождались рассказами, что скоро всех "ибешни...
Alex Sherbakov
5
Ребят в СИ можно реализовать ООП?
Николай
33
https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_h_common.erl#L174 https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_olp.erl#L76 15 лет назад...
Maksim Lapshin
20
Карта сайта