CSS - 一种适合 dinA4 的表格（如果打印）

Question

我想为表单设置样式，用户可以稍后下载为 pdf。我如何知道正确的尺寸，使其适合 dinA4 纸（21 毫米 x 297 毫米）？如何衡量文档何时会在下一页继续？

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）来控制您的元素是否会在下一页继续。