在CSS中设置页面大小的值

有四个值可用于设置页面大小-

  • 自动 -页面框将设置为目标图纸的尺寸和方向。

  • 景观 -覆盖目标的方向。页面框的尺寸与目标尺寸相同,并且较长的边是水平的。

  • 纵向 -覆盖目标的方向。页面框的大小与目标大小相同,较短的边是水平的。

  • length  -'size'属性的长度值创建一个绝对页面框。如果仅指定一个长度值,则它将设置页面框的宽度和高度。'size'属性不允许使用百分比值。

在以下示例中,页面框的外边缘将与目标对齐。“页边距”属性的百分比值是相对于目标尺寸的,因此,如果目标页尺寸为21.0cm×29.7cm(即A4),则页边距为2.10cm和2.97cm。

<style type = "text/css">
   <!--
      @page {
         size: auto; /* auto is the initial value */
         margin: 10%;
      }
   -->
</style>