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

Как мне получить такое? Т.е. у меня есть элементы и надо

их выстроить таким обрзом. Как это сделать? Через флекс/грид? И какие настройки задать?

13 ответов

32 просмотра

Это две отдельные колонки

.parent { display: flex; flex-wrap: wrap; justify-content: center } .child { display: flex; flex: 0 0 50%; padding: 10px; } Где parent это вся таблица, clild это отдельные карточки

3do-🐉 Автор вопроса

Попробуйте column-count и column-gap. Только в верстке их располагать нужно будет 1, 3, 5 и тд. Если 2 не будет "перепрыгывать" на след. колонку, 9 можно задать нижний отступ.

через колонки решается, другое решение не нашел

Daniil Romin
.parent { display: flex; flex-wrap: wrap; ju...

Ну придумал на flex небольшой костыль. Если такие элементы как-то динамически не обстраиваются, ну то есть мы например всегда знаем, что именно первый элемент требует прижатия нижнего блока к себе. Тогда это 1 + 3 - можно им пользоваться. В других случаях я б наверное искал вариант на grid/в худшем случае как-то уже через js обрабатывать. https://replit.com/@Binatik/card-css?v=1

Наверное решение выше не подойдёт, но я вечером ещё покупаюсь.

Оффтоп, но дизайн не интуитивен и вообще вредит UX. Получается какой-то Рокк ебол мупю ович, только горизонтальный

делал такую штуку через grid area https://cssgrid-generator.netlify.app/

Скорее всего никак. Только если джаваскриптом перетосовать.. И то не факт что будет как хотелось бы потому что может быть что одна карточка будет сильно выше всех остальных и тогда надо будет думать что делать с остальными.

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

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

Господа, а что сейчас вообще с рынком труда на делфи происходит? Какова ситуация?
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
Карта сайта