CODEWITHSUNDEEP
cssgoogle-chromeprintingbrowsermedia-queries
Dudeist
Dudeist

Reputation: 363

page-break-inside: avoid - not working in Chrome

I am using Chrome mostly, and maybe first time I found problem like this. It working in IE, not sure other browsers, but no in Chrome. Any idea or tips?

@media print
{
table {page-break-inside:avoid}
}

also when just puting into div element

Upvotes: 2

Views: 5242

Answers (3)

Kristjan Retter
Kristjan Retter

Reputation: 431

It could be that the parent element of the table element has style:

display: flex

Then the break-inside doesn’t work.

If you change parent element display style to:

display: block

Then it will work.

Upvotes: 3

Nikola Glisic
Nikola Glisic

Reputation: 41

Add display:inline-table to any element that you need to be entire when printing or, in your case to table element

table { display: inline-table;}

Upvotes: 1

Mike
Mike

Reputation: 2587

Chrome does not support that property. Look at this table for more infos on that.

Answer taken from this question

Upvotes: 0

Related Questions