Home/ Questions/Q 7907509
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-03T11:28:39+00:00

I can not seem to find a consistent method to create a page break

  • 0

I can not seem to find a consistent method to create a page break that will work across word, internet explorer and chrome.

The following example (from Google Chrome Printing Page Breaks) will create page breaks properly for both Chrome and Internet explorer, but does not have page breaks in word.

      <head>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
    <title>Paginated HTML</title>
    <style type="text/css" media="print">
      div.page
      {
        page-break-after: always;
        page-break-inside: avoid;
      }
    </style>
  </head>
  <body>
    <div class="page">
      <h1>This is Page 1</h1>
    </div>
    <div class="page">
      <h1>This is Page 2</h1>
    </div>
    <div class="page">
      <h1>This is Page 3</h1>
    </div>
  </body>

After messing around with word I have discovered you can get word to add a page break with the following:

<br style="ms-special-character:line-break;page-break-before:always" />

The problem here is that internet explorer also see’s this as a page break, so if you combine the methods, Chrome and Word have page breaks properly, but Internet Explorer inserts two page breaks. If you use just one then either chrome and explorer is right and word is not and so on.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try this:

    <!--[if IE]>
<br>
<![endif]-->
<!--[if !IE]>
<br style="ms-special-character:line-break;page-break-before:always" />
<br>
<![endif]-->

    Does that fit your needs?
    (Note, those work in plain old html. I tested in Chrome and MS Word (along with IE) and they worked fine.)

    • 0