Css入门: page-break-inside（内分页）

CSS中的page-break-inside属性用于控制内容在打印时是否允许分页。它可以应用于块级元素，用于指定元素内部是否允许分页。

成都创新互联公司2013年至今，先为怀化等服务建站，怀化等地企业，进行企业商务咨询服务。为怀化企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

基本语法

page-break-inside属性的基本语法如下：

selector {
  page-break-inside: auto|avoid|initial|inherit;
}

其中：

• auto：默认值，允许内容分页。
• avoid：禁止内容分页。
• initial：设置为默认值。
• inherit：继承父元素的属性值。

示例

下面是一个示例，演示了如何使用page-break-inside属性：

  
这是一个需要连续打印的内容。
  
这是另一个需要连续打印的内容。

在上面的示例中，我们使用了一个名为print的类来设置page-break-inside属性为avoid。这样，包含在该类中的内容将不会被分页打印。

浏览器兼容性

page-break-inside属性的浏览器兼容性如下：

浏览器	兼容性
Chrome	支持
Firefox	支持
Safari	支持
Edge	支持
Internet Explorer	不支持

需要注意的是，Internet Explorer不支持page-break-inside属性。

总结

通过使用CSS的page-break-inside属性，我们可以控制内容在打印时是否允许分页。这对于需要连续打印的内容非常有用。在实际应用中，我们可以根据需要设置page-break-inside属性的值，以达到最佳的打印效果。

香港服务器选择创新互联

创新互联提供高质量的香港服务器，为用户提供稳定可靠的云计算服务。

当前名称：Css入门:page-break-inside（内分页）
文章分享：http://www.zsjierui.cn/article/dhpdihs.html