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

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

基本语法

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

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

其中：

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

示例

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

<style>
.print {
  page-break-inside: avoid;
}
</style>

<div class="print">
  <p>这是一个需要连续打印的内容。</p>
  <p>这是另一个需要连续打印的内容。</p>
</div>

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

浏览器兼容性

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

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

总结

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

香港服务器首选后浪云

后浪云提供高质量的香港服务器，为用户提供稳定可靠的云计算服务。点击这里了解更多信息。