|
|
|
css3 multi columns: разделение блока на 2 соседние колонки
|
|||
|---|---|---|---|
|
#18+
Имеется несколько колоно. На колонки разбиваются div-блоки, каждый из которых состоит из нескольких строк текста (число строк и следовательно, высота div-блока может быть произвольной). Если div-блок оказывается в конце столбца, часть его строк переносится в начало следующего столбца. Т.е. блок разбивается на части - от одной до другой как от Москва до Камчатки. На сегодняшний день существует ли решение этой проблемы ? Вот здесь предложили задать фиксированную высоту + (overflow = hidden). Но в моём случае блоки имеют произвольную высоту (произвольное число строк). ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 10.03.2015, 13:43 |
|
||
|
css3 multi columns: разделение блока на 2 соседние колонки
|
|||
|---|---|---|---|
|
#18+
... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 10.03.2015, 14:23 |
|
||
|
css3 multi columns: разделение блока на 2 соседние колонки
|
|||
|---|---|---|---|
|
#18+
Cyrax_02Имеется несколько колоно. На колонки разбиваются div-блоки, каждый из которых состоит из нескольких строк текста (число строк и следовательно, высота div-блока может быть произвольной). Если div-блок оказывается в конце столбца, часть его строк переносится в начало следующего столбца. Т.е. блок разбивается на части - от одной до другой как от Москва до Камчатки. На сегодняшний день существует ли решение этой проблемы ? Вот здесь предложили задать фиксированную высоту + (overflow = hidden). Но в моём случае блоки имеют произвольную высоту (произвольное число строк). На css есть column-count для разбивки контента по столбцам. Если чем-то не устраивает, тогда js. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 10.03.2015, 14:25 |
|
||
|
css3 multi columns: разделение блока на 2 соседние колонки
|
|||
|---|---|---|---|
|
#18+
Похоже, никто не понял, о чём речь. (column-width/column-count) создают такую разбивку: авторБлок 1: 111 222____ 333 444 555 333 444 555_______Блок 4: 1212 333 Блок 2: кукукуу____3у232 554 565 77 Блок 3: 111 222 ____Блок 5: 66666666 Здесь блок 3 рвётся на 2 столбца. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 10.03.2015, 18:46 |
|
||
|
css3 multi columns: разделение блока на 2 соседние колонки
|
|||
|---|---|---|---|
|
#18+
http://stackoverflow.com/questions/7785374/how-to-prevent-column-break-within-an-element https://developer.mozilla.org/ru/docs/Web/CSS/break-inside http://habrahabr.ru/company/microsoft/blog/143158/ Решением проблемы является свойство break-inside: avoid-column; Код: css 1. 2. 3. 4. 5. Учитывая, что это свойство не понимают даже современные браузеры, приходится делать так Код: css 1. 2. 3. 4. 5. Значение avoid современные браузеры понимают (и только современные). ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 10.03.2015, 21:00 |
|
||
|
|

start [/forum/topic.php?fid=22&msg=38899945&tid=1446195]: |
0ms |
get settings: |
9ms |
get forum list: |
11ms |
check forum access: |
3ms |
check topic access: |
3ms |
track hit: |
208ms |
get topic data: |
7ms |
get forum data: |
2ms |
get page messages: |
29ms |
get tp. blocked users: |
1ms |
| others: | 224ms |
| total: | 497ms |

| 0 / 0 |
