В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

CSS — русскоговорящее сообщество

2694 membersпожаловаться на группу
2020 March 19

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
Stark
Кто-нибудь сталкивался с тем, что CSS column (CSS3 Multicolumn) разрывает блок нижней строчки на дочерние блоки и переносит эти части в следующий column?

Вот так это выглядит: https://imgur.com/a/o8Y5hU4
Сталкивались все. Колонки хороши только для текста. Впрочем, где-то на стековерфлоу есть решение.
источник
21:08пожаловаться#1

KA

Kenan Ayvazov in CSS — русскоговорящее сообщество
специфичность меньше
источник
21:08пожаловаться#2

VR

Victor Rusakovich in CSS — русскоговорящее сообщество
Kenan Ayvazov
специфичность меньше
не, там с виду одинаковые правила. Вероятно, первое позже описано )
источник
21:08пожаловаться#3

S

Stark in CSS — русскоговорящее сообщество
Sergey Bekharsky
Сталкивались все. Колонки хороши только для текста. Впрочем, где-то на стековерфлоу есть решение.
Гриды мне тоже не очень подходят в данном случае, т.к. у меня динамическая галерея, куда пользователи добавляют фото. Ещё была идея сделать 3 колонки флексбокса
источник
21:09пожаловаться#4

DD

Denis Dashka in CSS — русскоговорящее сообщество
Stark
Кстати решил. Нужно display: table указывать
https://stackoverflow.com/questions/7785374/how-to-prevent-column-break-within-an-element
Stack Overflow
How to prevent column break within an element?
Consider the following HTML:

<div class='x'>
   
       Number one
       Number two
       Number three
       ...
источник
21:09пожаловаться#5

N

NULL in CSS — русскоговорящее сообщество
Kenan Ayvazov
у тебя всё зелёно-белым по тёмно-серому написано
спасибо слишком ясно
источник
21:09пожаловаться#6

S

Stark in CSS — русскоговорящее сообщество
Denis Dashka
https://stackoverflow.com/questions/7785374/how-to-prevent-column-break-within-an-element
Stack Overflow
How to prevent column break within an element?
Consider the following HTML:

<div class='x'>
   
       Number one
       Number two
       Number three
       ...
break-inside не работает в таком случае. он предотвращает разрыв текста
источник
21:10пожаловаться#7

KA

Kenan Ayvazov in CSS — русскоговорящее сообщество
Victor Rusakovich
не, там с виду одинаковые правила. Вероятно, первое позже описано )
ну у него одинаковая специфичность. Он должен немного сложнее сделать
источник
21:10пожаловаться#8

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
Stark
break-inside не работает в таком случае. он предотвращает разрыв текста
Ну так объяви блоки инлайн-блоками
источник
21:11пожаловаться#9

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
И вот тебе уже слова
источник
21:11пожаловаться#10

DD

Denis Dashka in CSS — русскоговорящее сообщество
Stark
break-inside не работает в таком случае. он предотвращает разрыв текста
Там кучка свойств по управлению разрывом и почему-то я уверен, что ты попробовал не все
источник
21:11пожаловаться#11

S

Stark in CSS — русскоговорящее сообщество
Denis Dashka
Там кучка свойств по управлению разрывом и почему-то я уверен, что ты попробовал не все
avoid-* все
источник
21:12пожаловаться#12

N

NULL in CSS — русскоговорящее сообщество
NULL
почему цвет не применяется ??
объясните почему стиль не применился...
источник
21:12пожаловаться#13

N

NULL in CSS — русскоговорящее сообщество
по строкам второй стиль стоит выше
источник
21:12пожаловаться#14

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
NULL
по строкам второй стиль стоит выше
А должен ниже
источник
21:13пожаловаться#15

S

Stark in CSS — русскоговорящее сообщество
Sergey Bekharsky
Ну так объяви блоки инлайн-блоками
спасибо, тоже работает
источник
21:13пожаловаться#16

K

Kingleonide in CSS — русскоговорящее сообщество
Как правильно пофиксить можно?
источник
21:33пожаловаться#17

K

Kingleonide in CSS — русскоговорящее сообщество
источник
21:33пожаловаться#18

K

Kingleonide in CSS — русскоговорящее сообщество
источник
21:33пожаловаться#19

JK

Jaroslaw Kuznetsov in CSS — русскоговорящее сообщество
https://codepen.io/jaroslawkid/pen/wvaxzre, объясните, почему они не выравниваются вертикально? на флексах могу легко реализовать, но на инлайн-блоках никак
источник
22:11пожаловаться#20