微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何在CSS打印样式中标记分页符

我需要查看浏览器在打印预览中的确切位置,以便我可以使用CSS属性修改该行为.换句话说,我需要设置分页本身的样式(当然是为了测试目的),所以我可以看到分页的位置,以便我知道哪些选择器可以使用page-break-after / inside / before属性进行修改.

为了澄清这一点,我不是在寻找Chrome Dev Tools打印模拟.遗憾的是,该工具无法显示打印页面的样子(任何人都可以将其结果与Chrome浏览器或任何其他浏览器中的CTRL P加入的打印预览窗口中的结果进行比较).但是,当您需要确定某些打印CSS规则是否覆盖某些屏幕媒体规则时,该工具可能很有用.但是在这种情况下,当您需要找到浏览器呈现的分页符的确切位置以便手动修改分页符行为时,它没有多大帮助.

解决方法

看起来您需要一种方法来预览应用了打印样式表的页面.你可以使用Chrome做到这一点,在这里回答: Faster way to develop and test print stylesheets (avoid print preview every time)?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。