在FF Chrome和Safari pc中,page-break-before失败

时间:2013-12-04 20:17:21

标签: html css printing

请参阅此小提琴http://jsfiddle.net/GEQxj/1/

我尝试了几个像

这样的建议
float:none; 
overflow:visible; 
display:block;
break-before: always;

我想要完成的事情 - 是要以横向方式打印子类的表。旋转适用于所有浏览器。然而,分页符号之前仅在ie8中起作用。在最新版本的FF Chrome和Safari中不起作用。

此页面是从另一页生成的,仅用于打印,因此无需@media打印。

1 个答案:

答案 0 :(得分:0)

尝试添加此内容:

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

在chrome和firefox 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 */
 }