问题标签 [print-css]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - 带有打印介质 css 的表格在偏移位置中断
我有一个顶部有几个元素的网页和一个长的数据行表，我正在尝试修复 css，以便它可以适当地进行分页。
这比仅仅使用page-break-*规则更复杂，因为有些东西会抵消表格获得分页符的位置。
下面的截图来自我的打印预览窗口。大红色边框是我添加到的打印 css 规则，tbody以便我可以看到它的开始和结束位置。请注意，在预览的第 2 页上，表格在Fredrick和Gerardo行之间显示了分页符。因此，它应该在行之间破坏表格，只是它在错误的行之间破坏它们......或者它真正的样子是当它计数时看到它何时到达页面的边缘，它是从错误的地方开始的。
这就是我的意思：表格上方有一些元素（报告的标题、显示一些过滤器值的几个框以及一些记录计数）。如果我在尝试打印之前使用 Chrome 检查器从页面中删除这些元素，那么 Chrome 计算的行级分页符与页面完全匹配，并且所有内容都可以正确打印。
因此，Chrome 似乎正在计算适合整个页面的表格行的高度，但在计算过程中忽略了表格上方的元素。但是在实际打印时，仍然包含上述元素，因此它不会破坏正确行的表格。
那有意义吗？
我该如何解决？
swagger - Swagger UI - 即用型打印样式表？
为了记录和测试我的 API，我设置了一个简单的静态 HTML 页面，从 unpkg.com（最新版本，4.4.0 ）加载 Swagger UI（捆绑的脚本和样式）。
一切正常，但我需要让用户以体面的格式打印文档，即没有链接、所有可折叠内容都展开、没有“测试”功能等。
是否有可以导入的现成样式表？我看到在以前版本的 Swagger UI（2.x 分支）上有一个专用的 print.css 文件，今天当然不能使用。
提前感谢您的任何建议！