CSS 中设置页面大小的值

cssweb developmentfront end technology更新于 2025/9/10 10:20:17

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

  • auto − 页面框将设置为目标工作表的大小和方向。
  • landscape − 覆盖目标的方向。页面框与目标大小相同,长边为水平。
  • portrait − 覆盖目标的方向。页面框与目标大小相同,短边为水平。
  • length − 'size' 属性的长度值创建一个绝对页面框。如果仅指定一个长度值,则它将同时设置页面框的宽度和高度。"size"属性不允许使用百分比值。

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

<style type = "text/css">
   <!--
      @page {
         size: auto; /* auto 是初始值 */
         margin: 10%;
      }
   -->
</style>

相关文章


有用资源