首页 > web前端 > css教程 > 为什么我的分页符在所有浏览器中不能一致工作?

为什么我的分页符在所有浏览器中不能一致工作?

Susan Sarandon
发布: 2024-11-27 17:38:11
原创
989 人浏览过

Why Aren't My Page Breaks Working Consistently Across All Browsers?

分页符在不同浏览器中的功能不一致

虽然分页符在许多浏览器中通常被忽略,但某些浏览器(如 Internet Explorer 和 Opera)会处理它们没有问题。但是,其他浏览器(例如 Firefox、Chrome 和 Safari)在处理分页符方面存在差异。

Firefox

Firefox 准确地分隔了指定的 div,但仅打印第一页。

Chrome 和Safari

Chrome 和 Safari 仅将分页符应用于最后一个 div。

解决方案

要解决此跨浏览器问题,确保父元素不具有任何浮动属性。在所有父元素上设置 float:none 可以使 page-break-before:always 按预期运行。

其他注意事项

除了浮动问题之外,其他因素可以破坏分页符的包括:

  • 表格内的分页符
  • 浮动元素
  • 行内块元素
  • 带边框的块元素

以上是为什么我的分页符在所有浏览器中不能一致工作?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板