Databases
StackOverflow2013
Postsdbo
POCreating Page Breaks for Chrome, Explorer and word in html
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POCreating Page Breaks for Chrome, Explorer and word in html
    text
    copied!<p>I can not seem to find a consistent method to create a page break that will work across word, internet explorer and chrome.</p> <p>The following example (from <a href="https://stackoverflow.com/questions/1630819/google-chrome-printing-page-breaks">Google Chrome Printing Page Breaks</a>) will create page breaks properly for both Chrome and Internet explorer, but does not have page breaks in word.</p> <pre><code> &lt;head&gt; &lt;meta http-equiv="content-type" content="text/html;charset=UTF-8" /&gt; &lt;title&gt;Paginated HTML&lt;/title&gt; &lt;style type="text/css" media="print"&gt; div.page { page-break-after: always; page-break-inside: avoid; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;div class="page"&gt; &lt;h1&gt;This is Page 1&lt;/h1&gt; &lt;/div&gt; &lt;div class="page"&gt; &lt;h1&gt;This is Page 2&lt;/h1&gt; &lt;/div&gt; &lt;div class="page"&gt; &lt;h1&gt;This is Page 3&lt;/h1&gt; &lt;/div&gt; &lt;/body&gt; </code></pre> <p>After messing around with word I have discovered you can get word to add a page break with the following:</p> <pre><code>&lt;br style="ms-special-character:line-break;page-break-before:always" /&gt; </code></pre> <p>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.</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload