首頁 >web前端 >css教學 >CSS 中設定頁面大小的值

CSS 中設定頁面大小的值

WBOY
WBOY轉載
2023-08-25 19:53:021167瀏覽

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刪除