打印时CSS列断开

Question

.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列会变成跨越多个页面的单个列.有任何想法吗？

Answer 1

Webkit(Dave Hyatt)中的列开发人员似乎在打印时禁用了列,因为他无法正确实现分页:https://www.webkit.org/blog/88/css3-multi-column-support/ #评论- 16854

我很惊讶,在5年多的时间里,没有找到任何解决方案......

Answer 2

印刷版和网页是两个不同的东西。所以尝试对打印页面使用 diff css 并尝试查看

分页符 CSS 属性。它会派上用场的