Добро пожаловать в форум, Guest  >>   Войти | Регистрация | Поиск | Правила | В избранное | Подписаться
Все форумы / HTML, JavaScript, VBScript, CSS Новый топик    Ответить
 Как отменить разбивку текста на столбцы [columns] ?  [new]
Cyrax_02
Member

Откуда:
Сообщений: 1213
Некоторый текст разбит на столбцы правилами [column-count] и [column-width]
В некотором окружении эту разбивку нужно отменить. Как это сделать ?

[column-count = 1] - не вариант, т.к. текст по-прежнему будет разбит на один столбец и не будет обтекать плавающие блоки. Даже при [overflow: visible]
7 окт 17, 18:54    [20851148]     Ответить | Цитировать Сообщить модератору
 Re: Как отменить разбивку текста на столбцы [columns] ?  [new]
Cyrax_02
Member

Откуда:
Сообщений: 1213
Что-то в Яндексе/Гугле не могу найти подобных вопросов. Ни на русском, ни на английском.
Как-то странно...
8 окт 17, 17:26    [20852427]     Ответить | Цитировать Сообщить модератору
 Re: Как отменить разбивку текста на столбцы [columns] ?  [new]
Cyrax_02
Member

Откуда:
Сообщений: 1213
https://drafts.csswg.org/css-multicol-1/#pseudo-algorithm
The floor(X) function returns the largest integer Y ≤ X.

(01)  if ((column-width = auto) and (column-count = auto)) then
(02)      exit; /* not a multicol element */
(03)  if column-width = auto then
(04)      N := column-count
(05)  else if column-count = auto then
(06)      N := max(1,
(07)        floor((U + column-gap)/(column-width + column-gap)))
(08)  else
(09)      N := min(column-count, max(1,
(10)        floor((U + column-gap)/(column-width + column-gap))))

And:

(11)  W := max(0, ((U + column-gap)/N - column-gap))

Соответственно, решением являются стили:
column-count: auto !important;
column-width: auto !important;
или короче:
columns: auto auto !important;
или ещё короче:
columns: auto !important;

P.S. Для обтекания блоку также нужно задать [overflow: visible]
8 окт 17, 19:25    [20852719]     Ответить | Цитировать Сообщить модератору
 Re: Как отменить разбивку текста на столбцы [columns] ?  [new]
вадя
Member

Откуда: Екатеринбург
Сообщений: 12870
Cyrax_02,
откуда у тебя столько хитрых задач?
:)
8 окт 17, 22:54    [20853127]     Ответить | Цитировать Сообщить модератору
Все форумы / HTML, JavaScript, VBScript, CSS Ответить