MobileRead Forums - View Single Post - Page-Break-Inside: Avoid

sab1234 · 01-14-2013, 12:00 PM

Dear All,

I am currently working on a book for a client with a lot of images and tables for .mobi. It is really important to them to keep the paragraph headings and images/text together.

I have tried to group heading and image/text in a <div> and apply page-break-inside: avoid in the css. I have also tried to apply page-break-after: avoid; to the headings (<h3>). None is working and I assume both CSS elements are not working yet. Is there any other hack to circumvent this issue and force paragraphs to not break apart from putting the whole paragraph in an image.

I would be super happy for any ideas.

Best,
Sabine

01-14-2013, 12:00 PM	#1
sab1234 Junior Member Posts: 3 Karma: 10 Join Date: Feb 2012 Device: IPad, Kindl, Nook, Sony Reader, Ibis, ADE	Page-Break-Inside: Avoid - Solution or Hack? Dear All, I am currently working on a book for a client with a lot of images and tables for .mobi. It is really important to them to keep the paragraph headings and images/text together. I have tried to group heading and image/text in a <div> and apply page-break-inside: avoid in the css. I have also tried to apply page-break-after: avoid; to the headings (<h3>). None is working and I assume both CSS elements are not working yet. Is there any other hack to circumvent this issue and force paragraphs to not break apart from putting the whole paragraph in an image. I would be super happy for any ideas. Best, Sabine