如何在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)?

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效