CSS—打印时适合dinA4大小的表单

Question

我想样式一个表单，用户可以稍后下载为pdf。我如何知道正确的尺寸，使它适合一张a4纸(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-before, page-break-after, page-break-inside)来控制元素是否在下一页继续。