Как настроить перетекании текста

[Anna Zharova]

Всем доброго дня,

 

Подскажите, как сделать перемещение текста из одной колонки в другую

 

Макет: http://prntscr.com/6a12l1

 

Сейчас я использовала свойство columns, но все содержимого разбивается на три колонки, а мне надо что бы колонки по вертикали тянулись и размножались, вот как-то так

 

Вот как сейчас все выглядит http://azharova.ru/test/ee.html

Edited February 26, 2015 by Anna Zharova

[Great Rash]

Никак. Кроме multicolumn в CSS ничего нет. Если вам надо, чтобы колонки формировались не в зависимости от текста, а в зависимости от количества блоков, то просто сделайте блоки инлайн-блоками.

http://codepen.io/GreatRash/pen/gbKPmZ

[Anna Zharova]

ща попробую

 

Ну вот как вы все это помните

[Sensei]

Чтобы секции не разрывало, можно применить к ним специальное свойство «break-inside: avoid-column»

[SelenIT]

Чтобы секции не разрывало, можно применить к ним специальное свойство «break-inside: avoid-column»

 

А с поддержкой как? В прошлом году еще приходилось выкручиваться:

.sample2 li {  -webkit-column-break-inside: avoid;            page-break-inside: avoid; /* Makes effect only in Firefox */                 break-inside: avoid; /* IE10+, Opera 11.1—12.1 */}

[Sensei]

Я так понимаю ситуация не изменилась.

Во всяком случае в Firefox до сих пор работает только свойство для печати.

[Anna Zharova]

Все сработало, сейчас пытаюсь понять как с последними элементами побороться http://prntscr.com/6adr1l

[SelenIT]

Кроме *-break-inside, есть еще *-break-before/after, можно поиграться с ними.

[Anna Zharova]

Кроме *-break-inside, есть еще *-break-before/after, можно поиграться с ними.

Добралась аж до спецификации, теперь играюсь