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

前端之家收集整理的这篇文章主要介绍了如何在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)?

猜你在找的CSS相关文章