CSS page-break-inside

🌙
手机阅读
本文目录结构
axihe

CSS page-break-inside

避免在 <pre> 与 <blockquote> 元素中插入分页符:

@media print {
    pre, blockquote {page-break-inside: avoid;}
}

属性定义及使用说明

page-break-inside 属性用于设置是否在指定元素中插入分页符。

注意: 您不能对绝对定位的元素使用此属性。

注意: 请尽可能少地使用分页属性,并且避免在表格、浮动元素、带有边框的块元素中使用分页属性。

默认值:auto
继承:no
版本:CSS2
JavaScript 语法:object.style.pageBreakInside=“avoid”

浏览器支持

所有主流浏览器都支持page-break-inside

注意:IE8 及更早IE版本不支持 “inherit” 属性。

注意: Firefox, Chrome, 以及 Safari 不支持属性值 “avoid”.


属性值

描述
auto默认。如果必要则在元素内部插入分页符
avoid避免在元素内部插入分页符
inherit规定应该从父元素继承 page-break-inside 属性的设置
axihe

AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili 和抖音。

关注我: Github / 知乎

如果你加我的私人微信,麻烦写上您的 称呼,所在地区,职业,方便我备注,谢谢


本站的微信公众号

阿西河前端教程

Anbang

安邦的私人微信

微信号: yaolushan

Anbang

Bilibili(B站)

朱安邦

Anbang