在FF Chrome和Safari pc中出现故障之前的分页

Question

看看这个小提琴http://jsfiddle.net/GEQxj/1/

我试过几个建议，比如

float:none; 
overflow:visible; 
display:block;
break-before: always;

我想完成的是，将儿童班的桌子以风景的方式打印出来。旋转适用于所有浏览器。然而，之前的分页符目前只适用于ie8。不适用于最新版本的FF Chrome和Safari。

此页面是从另一个页面生成的，仅用于打印，因此不需要@media打印。

Answer 1

尝试添加以下内容：

margin-top:280px;
margin-left:-230px;

它在铬和萤火虫中看起来不错http://jsfiddle.net/GEQxj/23/你可以只针对webkit浏览器和firefox：

 @media screen and (-webkit-min-device-pixel-ratio:0) {
 /* Safari and Chrome CSS here */
 }
 @-moz-document url-prefix() {
 /* Firefox CSS here */
 }