PHP前端开发

CSS 中设置页面大小的值

百变鹏仔 3个月前 (09-20) #CSS
文章标签 大小

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

  • auto  − 页面框将设置为目标工作表的大小和方向。
  • 横向− 覆盖目标的方向。页面框的大小与目标相同,且较长的边是水平的。
  • 纵向- 覆盖目标的方向。页面框的大小与目标相同,短边是水平的。
  • 长度-“大小”属性的长度值创建绝对页面盒子。如果仅指定一个长度值,则会同时设置页面框的宽度和高度。 “size”属性不允许使用百分比值。

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

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