page-break-inside
page-break-inside
该page-break-insideCSS属性调整分页符内当前元素。
/* Keyword values */
page-break-inside: auto;
page-break-inside: avoid;
/* Global values */
page-break-inside: inherit;
page-break-inside: initial;
page-break-inside: unset;
| 初始值 | auto |
|---|---|
| 适用于 | 根元素的正常流程中的块级元素。用户代理也可以将其应用于其他元素，如表行元素。 |
| 遗传 | 没有 |
| 媒体 | 视觉，分页 |
| 计算值 | 作为指定 |
| 动画类型 | 离散的 |
| 规范的顺序 | 形式语法定义的独特的非模糊顺序 |
语法
值
auto初值。自动分页符%28既不强制也不禁止%29。avoid避免元素内的分页。
形式语法
auto | avoid
实例
/* avoid page break inside the paragraph */
p { page-break-inside: avoid; }
规范
| Specification | Status | Comment |
|---|---|---|
| CSS Paged Media Module Level 3The definition of 'page-break-inside' in that specification. | Working Draft | Allows this property on more elements. |
| CSS Level 2 (Revision 1)The definition of 'page-break-inside' in that specification. | Recommendation | Initial definition. |
浏览器兼容性
| Feature | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|---|
| Basic support | 1.0 | (Yes) | 19 (19) 1 | 8.0 | 7.0 | 1.3 (312) |
| Feature | Android | Edge | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| Basic support | ? | (Yes) | 19.0 (19) 1 | ? | ? | ? |
