CSS page-break-inside property
Examples
Disposed inside the table element is always paging paging behavior:
<html>
<head>
<style>
@media print
{
table {page-break-inside:avoid}
}
</style>
</head>
<body>
/en/en
</body>
</html>
<head>
<style>
@media print
{
table {page-break-inside:avoid}
}
</style>
</head>
<body>
/en/en
</body>
</html>
Attribute definitions and instructions
page-break-inside property settings page-breaking behavior element ago.
Note: You can use this property for absolutely positioned elements.
Note: Please use paging properties as little as possible, and avoid the use of paging properties in tables, floating elements, block elements with borders of.
Defaults: | auto |
---|---|
inherit: | no |
version: | CSS2 |
JavaScript syntax: | object .style.pageBreakInside = "avoid" |
Browser Support
All major browsers support page-break-inside property
Note: IE8 and earlier versions of IE do not support "inherit" property.
Note: Firefox, Chrome, and Safari does not support the property value "avoid".
Property Value
value | description |
---|---|
auto | default. If necessary, insert a page break inside the element. |
avoid | Avoid the elements inside the insert page breaks. |
inherit | Provisions should inherit the settings page-break-inside property from the parent element. |