导出 PDF 时,可以使用自定义 CSS 控制页面的边距。
@page {
margin-top: 20mm;
margin-right: 40mm;
margin-bottom: 20mm;
margin-left: 40mm;
}
以上的值分别控制页面的上、右、下、左四个边距。也可以简写如下:
@page {
margin: 20mm 40mm 20mm 40mm;
}
即在一行中写 4 个值,4 个值分别对应上、右、下、左方向(从上方开始顺时针排序)。
上面的 mm 是毫米单位,也可以使用其他单位,比如 in 表示英寸。同时,数值还可以是负值,比如:
@page {
margin: 1in 2in 1in -0.2in;
}
由于 PDF 是为打印而非屏幕显示设计的格式,因此在 PDF 导出时最好使用物理单位(如 mm 、in 、cm 等)而不是相对单位(如 px、%)。
最后,添加 CSS 之后,在导出时需要指定对应的 CSS,如下图所示:


默认边距效果

自定义边距效果