打印时打印CSS列 [英] CSS columns breaking when printing

问题描述

.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中工作得很好，但是当打印时，跨越多页的单个列。任何想法？

So it works perfectly in Safari, but when printing, the 4 columns turn into a single column spanning multiple pages. Any ideas?

推荐答案

看起来Webkit的开发者（Dave Hyatt）在打印时禁用列， t正确实施分页： https://www.webkit.org/blog / 88 / css3-multi-column-support /＃comment-16854

It seems like the developer of columns in Webkit (Dave Hyatt) disabled columns when printing, because he couldn't implement page breaking properly: https://www.webkit.org/blog/88/css3-multi-column-support/#comment-16854

我很惊讶，在5年多的时间里， ...

I'm surprised that in more than 5 years, no solution has been found...

这篇关于打印时打印CSS列的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！