Size: a a a

Love Frontend Chat

2020 February 12

$

${Username} in Love Frontend Chat
Артём
кто знает как можно вывести список в 2 колонки,
сверху вниз, не фиксируя высоту
с одинаковыми отступами между элементами списка?
column-count: 2 не подойдёт?
источник

А

Артём in Love Frontend Chat
${Username}
column-count: 2 не подойдёт?
нет, только если есть способ переносить блоки целиком а не резать их
источник

$

${Username} in Love Frontend Chat
Артём
нет, только если есть способ переносить блоки целиком а не резать их
А как оно режет? Если у тебя ul, а каждый блок это li
источник

$

${Username} in Love Frontend Chat
Оно должно целиком переносить
источник

А

Артём in Love Frontend Chat
${Username}
Оно должно целиком переносить
оно может li разрезать пополам
источник

$

${Username} in Love Frontend Chat
Артём
оно может li разрезать пополам
Типа часть li в первой колонке, а вторая часть во второй?
источник

А

Артём in Love Frontend Chat
Да
источник

$

${Username} in Love Frontend Chat
Артём
Да
break-inside: avoid если к li дать, то не должно
источник

А

Артём in Love Frontend Chat
${Username}
break-inside: avoid если к li дать, то не должно
сработало!
спасибо, это свойство и искал
источник

$

${Username} in Love Frontend Chat
Не за что
источник

c

cosmonaut in Love Frontend Chat
${Username}
break-inside: avoid если к li дать, то не должно
источник

E

Eugene in Love Frontend Chat
Артём
кто знает как можно вывести список в 2 колонки,
сверху вниз, не фиксируя высоту
с одинаковыми отступами между элементами списка?
1. grid
2. columns: 2
3. flex

я бы выбирал 1-й вариант, т.к тогда не придется думать об обступах
источник

А

Артём in Love Frontend Chat
Eugene
1. grid
2. columns: 2
3. flex

я бы выбирал 1-й вариант, т.к тогда не придется думать об обступах
1,3 не подходят
Гриды вроде должны были сработать, но вели себя не так как ожидалось.
Сработал 2 вариант + break-inside: avoid
источник

E

Eugene in Love Frontend Chat
А шо с гридами не получилось ?
источник

E

Eugene in Love Frontend Chat
Да, я дочитал уже что 2-й вариант тебе подошел больше всего
источник

А

Артём in Love Frontend Chat
Грид делал ряды и он вёл о себя как Флекс врап
источник

А

Артём in Love Frontend Chat
Нужно будет потестить,
Возможно это потому что я давал grid-auto-row:auto
источник

А

Артём in Love Frontend Chat
Изменение Grid-auto-flow
Ничего не давало
источник

E

Eugene in Love Frontend Chat
Артём
Грид делал ряды и он вёл о себя как Флекс врап
Понял-принял
ну columns тогда самый простой вариант, на флексах я хз как сделать вывод элементов в column и разбить их на колонки, хотя видел что это можно сделать, как и на гридах, но лучше уже юзать columns, они понятнее и выполняют свою задачу на все 100
источник

c

cosmonaut in Love Frontend Chat
skaa
источник