基础 · 打印

基础

Print 打印

打印时隐藏导航/弹层/回到顶部,保留正文与表格;配合 pvs-print-* 工具类控制分页。

无需额外 CSS 文件:加载 pivcss.css 即含 @layer pvs.print 规则。屏幕下 pvs-print-show 默认隐藏,仅打印可见。

正文会打印。

仅打印可见的脚注。

<div class="pvs-border pvs-p-4" style="max-width:28rem">
  <p class="pvs-m-0">正文会打印。</p>
  <button type="button" class="pvs-btn pvs-btn--primary pvs-mt-3 pvs-print-hide">屏幕按钮(打印隐藏)</button>
  <p class="pvs-print-show pvs-m-0 pvs-mt-3 pvs-text-sm">仅打印可见的脚注。</p>
</div>
样式
pvs-print-hide打印时隐藏(导航/按钮/侧栏)
pvs-print-show仅打印显示
pvs-print-break-before此前分页
pvs-print-break-after此后分页
pvs-print-avoid-break块内避免断页
自动隐藏navbar · sidenav · modal · toast · datepicker 面板等

外链 a[href^=http] 打印时自动追加 URL(仅 print 媒体)。