Столбцы CSS при печати 

.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 столбца превращаются в один столбец, охватывающий несколько страниц. Любые идеи?

Ответы

Ответ 1

Кажется, что разработчик столбцов в Webkit (Dave Hyatt) отключил столбцы при печати, потому что он не смог правильно выполнить разбиение страницы: https://www.webkit.org/blog/88/css3-multi-column-support/#comment-16854

Я удивлен, что через 5 лет решения не найдено...

Ответ 2

Стоит отметить, что в Firefox 31.0 на OSX они корректно печатаются в стиле ниже. Однако он все еще сломан в WebKit (сафари/хром).

.column_wrapper {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}

Ответ 3

Он не работает в chrome, firefox. у вас есть только одно временное решение. использовать IE для печати с несколькими столбцами

Ответ 4

Единственный способ печати в столбцах - печатать с помощью FireFox или IE... и использовать не-браузерные префиксные версии, чтобы FF nad IE мог читать столбцы CSS

Ответ 5

печатная и веб-страница - это две разные вещи. Поэтому попробуйте использовать diff css для печати страниц и попытайтесь увидеть

Свойства CSS-разрыва страницы. это пригодится