Search code examples
htmlcssprintingreportingpage-break

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


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...


Solution

  • Only Opera fully supports page-break-inside.

    References:

    General

    Chrome specific

    Firefox specific