.class { -webkit-column-count: 4;
-webkit-column-gap: 0.25in;
-webkit-column-rule-width : 1px;
-webkit-column-rule-style : solid;
-webkit-column-rule-color : #eee;
}
Таким образом, он отлично работает в Safari, но при печати 4 столбца превращаются в один столбец, охватывающий несколько страниц. Любые идеи?
Кажется, что разработчик столбцов в Webkit (Dave Hyatt) отключил столбцы при печати, потому что он не смог правильно выполнить разбиение страницы: https://www.webkit.org/blog/88/css3-multi-column-support/#comment-16854
Я удивлен, что через 5 лет решения не найдено...
Стоит отметить, что в Firefox 31.0 на OSX они корректно печатаются в стиле ниже. Однако он все еще сломан в WebKit (сафари/хром).
.column_wrapper {
-webkit-column-count: 3; /* Chrome, Safari, Opera */
-moz-column-count: 3; /* Firefox */
column-count: 3;
}
Он не работает в chrome, firefox. у вас есть только одно временное решение. использовать IE для печати с несколькими столбцами
Единственный способ печати в столбцах - печатать с помощью FireFox или IE... и использовать не-браузерные префиксные версии, чтобы FF nad IE мог читать столбцы CSS
печатная и веб-страница - это две разные вещи. Поэтому попробуйте использовать diff css для печати страниц и попытайтесь увидеть
Свойства CSS-разрыва страницы. это пригодится