主题
打印
使用打印样式表
将以下内容添加到您的 <head> 标签中。
html
<link href="/path/to/print.css" media="print" rel="stylesheet" />控制打印样式
使用 @media 和 @page 控制打印内容
使用 CSS @media 规则为网页设置在纸张上打印或 PDF 时与在屏幕上显示时不同的样式。打印媒体类型设置印刷媒体的样式;
这些样式将仅用于打印内容。
css
@media print {
/* All your print styles go here */
#header,
#footer,
#nav {
display: none !important;
}
}还可以使用 @page at 规则修改打印页面的外观，包括页面的尺寸、方向和边距。@page at 规则可用于定位打印输出中的所有页面或特定的页面子集。
打印分页
break-before属性：在打印内容之前插入分页符。break-after属性：在打印内容之后插入分页符。break-inside属性：在打印内容内部插入分页符。page-break-before属性：在打印内容之前插入分页符。page-break-after属性：在打印内容之后插入分页符。page-break-inside属性：在打印内容内部插入分页符。
检测打印请求
浏览器发送 beforeprint 和 afterprint 事件，以确定打印何时发生。
提示
可以用它来调整打印过程中显示的用户界面（例如在打印过程中显示或隐藏用户界面元素）。