HTML DOM |样式 pageBreakInside 属性

Style pageBreakInside属性用于在打印或打印预览中设置或返回元素内的分页行为。
Style pageBreakInside属性不影响绝对定位的元素。

句法 ：

• 要获得财产：

  object.style.pageBreakInside

• 要设置属性：

  object.style.pageBreakInside = "auto|avoid|initial|inherit"

返回值：它返回一个字符串值，表示打印时元素内部的分页行为

属性值：

• auto：必要时用于在元素内插入分页符。
• 避免：用于避免元素内的分页符。
• initial ：用于将此属性设置为其默认值。
• inherit ：用于从其父元素继承此属性。

下面的程序说明了 Style pageBreakInside 属性：

示例：在 id=”footer” 的

元素中避免分页符

  

    Style pageBreakInside Property in HTML
    
        h1 {
            color: green;
        }
          
        h2 {
            font-family: Impact;
        }
          
        body {
            text-align: center;
        }
    

  

  
    GeeksforGeeks
    Style pageBreakInside Property
    
  
    Geeksforgeeks is a portal for geeks.
  
    For avoiding page break inside footer paragraph, 
      double click the "Avoid Page Break" button: 
    
  
    Avoid Page Break
  
    
        function pagebreak() {
            document.getElementById("myfooter")
            .style.pageBreakInside = "avoid";
        }
    
  

  

输出：

• 单击按钮之前：

  

• 点击按钮后：
  

注意：为了查看输出，请将代码保存在 HTML 文件中并在浏览器上运行。当您看到该文件的 PRINT PREVIEW 时，就会看到输出。

支持的浏览器： HTML DOM 支持的浏览器 |样式 pageBreakInside 属性如下：

• 谷歌浏览器
• IE浏览器
• 火狐
• 歌剧
• 苹果浏览器