The break-inside
property designates whether or not a break in a page, column, or region should happen inside the specified element.
With this property the browser can be told to avoid breaks inside images, code snippets, tables, and lists.
p.ex {
break-inside: avoid;
}
auto
Default value. All breaks inside the element are automatic.
avoid
Avoid all breaks inside the element.
avoid-column
Avoid column-breaks inside the element.
avoid-page
Avoid page-breaks inside the element.
avoid-region
Avoid region-breaks inside the element.
initial
Sets the property to its default value.
inherit
Inherits this property’s value from its parent item.
Have a code example of break-inside
? Submit a codepen.io demo and we'll showcase it here ↴