"page-break-inside: avoid "- does not work

Question

I am making a print css... And i want to print certain blocks as a whole, therefore I used 'page-break-inside: avoid'. But this doesn't seem to work.

I have been searching desperatly to find a solution... I use Google Chrome

    .print-block
    {
        display: block;
        page-break-inside: avoid !important;
        margin-bottom: 10px;
        padding-bottom: 5px;
        border-bottom: 1px dashed black;
    }

This is the CSS, I am using...

related article : http://stackoverflow.com/questions/1630819/google-chrome-printing-page-breaks — David Laberge, Aug 09 '11 at 12:49

George Cummins · Accepted Answer · 2011-08-09T12:55:20.530

1

Only Opera fully supports page-break-inside.

References:

General

Chrome specific

Firefox specific

edited Aug 09 '11 at 12:55

answered Aug 09 '11 at 12:50

George Cummins

28,485
8
71
90

Your link is currently broken, fyi. – Terrik Aug 09 '11 at 12:51
Thank you... I am solving the problem now by calculating the height of the div's with Javascript and insert an page-break after each 1000px; – Mathias Lavaert Aug 09 '11 at 16:12

"page-break-inside: avoid "- does not work

1 Answers1

Linked