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

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

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

13 ответов

14 просмотров

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

.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/

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

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

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

Мужики и девушки, привет) в Вelphi xe7 в настройках во вкладке "Editor Options" далее " Color" есть список: "Elements", открыв который мы можем настраивать отображение разных...
Kraszx
14
Добрый вечер. Есть вопрос, а может и предложение. Был у меня диалог в другой группе о делфи и я задался вопросом: "А нельзя ли в делфи цвет //коментария и {комментария} сде...
Kraszx
24
Я вот подумал. SSE выполняет операции максимум с 64-битной точностью. А FPU - всегда с 80-битной. Разве не должно быть FPU точнее тогда?
The Bird of Hermes
13
как быть с принтером? такой подход прокатит?
zamtmn
12
Мдя, прикол, боевая сборка запускается (именно под отладчиком) после F9 примерно полторы минуты (97 секунд если быть точным). Начал копать - проблема детектится сразу - зависа...
Александр (Rouse_) Багель
38
Всем привет! Подскажи, пожалуйста, как передать в TComboBox сразу значение и id записи. На Delphi я делал так: ComboBox1.Items.AddObject('Какое-то значение', Pointer(id запис...
Евгений
13
Я не понимаю, это троллинг или что? Швабрика поддерживают, который буквально пишет на ассемблере взаимодействия с винапи. Я это ещё написал загрузчик и хоть что-то изучаю в о...
Shadow Akira
6
Здравствуйте, вопрос по структурам данных. Были у вас случаи, когда пришлось писать деревья или двунаправленные списки?
/ /
50
А вот это что за конструкция? Вернее, она тут нафига?
Serjone
10
Привет. Подскажите, как правильно сматчить лист фиксированного размера, чтобы компилятор не говорил мне о неполном паттерне? Допустим что-то такое [x', y'] = sort [x, y]?
Arseny
8
Карта сайта