首页  >  文章  >  web前端  >  CSS 中设置页面大小的值

CSS 中设置页面大小的值

WBOY
WBOY转载
2023-08-25 19:53:021069浏览

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>

以上是CSS 中设置页面大小的值的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文转载于:tutorialspoint.com。如有侵权,请联系admin@php.cn删除