Ensure that a bloc of text will be displayed on the same page

Question

I'm generating reports from a .docx document using HtmlToOpenXml.

I need to ensure that a particular html block will be displayed on the same page, for example:

<p>Video provides a powerful way to help [...]</p>
<br />
<br />
<p>To make your document look professionally [...]</p>

I took a look around the web:

<w:pPr><w:keepNext/></w:pPr> had my attention but I'm not sure that I can put two paragraphs inside a larger one.

I'm aware that it will depend of the font, size and so on but it will not change.

Misiakw · Accepted Answer · 2016-10-13T14:10:10.827

1

Use "page-break-inside" style in your first block surrounding content to move it to new page. Then try to keep other blocks small enough to fit page (no matter how hard you will try, if the content is too big, it won't fit on one page). Like in example:

<div style="page-break-inside: avoid">
    <p>Video provides a powerful way to help [...]</p>
    <br />
    <br />
    <p>To make your document look professionally [...]</p>
</div>

Take a look at documentation here: CSS page-break-before Property

edited Oct 13 '16 at 14:10

answered Oct 13 '16 at 07:33

Misiakw

902
8
28

It looks promising, I'll give it a shot – Thomas Ayoub Oct 13 '16 at 07:40
1

you may also try to use "page-break-inside: avoid" to keep all wrapper content at single page – Misiakw Oct 13 '16 at 07:41
Change your answer to `page-break-inside: avoid;` and I'll accept it :) – Thomas Ayoub Oct 13 '16 at 10:18
i understand that it worked for you. nice to hear that I helped. Answer edited :) – Misiakw Oct 13 '16 at 14:11

Ensure that a bloc of text will be displayed on the same page

1 Answers1