html - CSS - 一种适合 dinA4 打印的形式

Question

我想设计一个表单，用户可以稍后下载为 pdf。我如何知道正确的尺寸，以使其适合一张 dinA4 纸 (21mm x 297mm)？我如何衡量文档何时会在下一页继续？

HTML

<form>
    First name: <input type="text" name="firstname"><br>
    Last name: <input type="text" name="lastname">

      .....
</form> 

Answer 1

@page { size: A4 }

谨慎使用——不太确定是否有关于浏览器支持的信息。您可能只需为您的@page 定义边距并保持布局响应即可。

您也可以使用 page break properties (page-break-before, page-break-after, page-break-inside) 来控制你的元素是否会在下一页继续。