Grow your CSS skills. Land your dream job.

Print Style: How to prevent an image from spanning a page break?

  • # September 8, 2011 at 9:20 pm

    Is there some CSS that prevents div’s or img’s from spanning the page break when printing?

    The CSS property “page-break-inside” only work in Opera.

    # September 8, 2011 at 9:27 pm

    To put more info. I have have several big images in an unordered list, and images are getting split at the page break.

    Note: My list-items are displayed block and I’ve been putting the css on them, not the image itself

    # June 14, 2013 at 11:23 am

    I don’t know if you still need an answer to this, but I found one that works for me here:
    [http://stackoverflow.com/questions/2649169/print-styles-how-to-ensure-image-doesnt-span-a-page-break](http://stackoverflow.com/questions/2649169/print-styles-how-to-ensure-image-doesnt-span-a-page-break “http://stackoverflow.com/questions/2649169/print-styles-how-to-ensure-image-doesnt-span-a-page-break”)

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".