当前位置：文江博客话题详情

CSS 内部分页符：避免；不起作用

发布于 2024-12-05 05:42:23 字数 347 浏览 1 评论 0原文

有人告诉我，CSS page-break-inside:avoid; 会阻止在两页之间打印元素。

在此说明上打印出来，到目前为止，这根本不适用于所有经过测试的浏览器。 CSS .instruction 已应用此功能，但可以跨页面打印。

示例： http://www.golfbrowser.com/A4/directions .php?start=PARIS&end=SL42ES

有什么想法吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

渔村楼浪 2024-12-12 05:42:23

page-break-inside 属性仅受 Opera 支持。

http://www.w3schools.com/cssref/pr_print_pagebi.asp

回复收藏 0 原文

稚然 2024-12-12 05:42:23

只需添加打印样式表或使用媒体查询和中断 div，或者仅将样式添加到 html 中打印时需要制动的元素。

尝试在您认为需要打破的每个长内容块之后添加此内容：

<div class="break"> </div>

至于您的 css，只需添加此内容：

.break {
  display:none;
} //place inside your regular stylesheet file

@media print {
   .break {
       display:block; 
       page-break-after:always
    }
}

此方法适用于大多数现代浏览器，包括 IE8+。

Just add a print stylesheet or use a media query and a breaking div or just add the style to the elements in your html that need braking when printing.

Try adding this after every long block of content that you think needs breaking:

<div class="break"> </div>

And as for your css just add this:

.break {
  display:none;
} //place inside your regular stylesheet file

@media print {
   .break {
       display:block; 
       page-break-after:always
    }
}

This method works in most modern browsers, including IE8+.

回复收藏 0 原文

~没有更多了~