导出 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 导出时最好使用物理单位(如 mmincm 等)而不是相对单位(如 px%)。

最后,添加 CSS 之后,在导出时需要指定对应的 CSS,如下图所示:

image.png

效果

Tuji_20250506_143705.927.png

默认边距效果

Tuji_20250506_143715.8900.png

自定义边距效果