HTML разрыв страницы добавляет 3 дополнительных пустых страницы

Question

Когда я использую атрибут разрыва страницы, а затем смотрю на мою страницу из i.e7 и щелкаю предварительный просмотр, она создает 3 пустых страницы между первой и второй страницами.

Я скопировал некоторый пример кода здесь: http://jsfiddle.net/vW54X/embedded/result/

Вы не можете действительно воспроизвести ошибку, потому что она встроена как iframe

Answer 1

Решение дает вашему телу height: auto;

Answer 2

IE7 делает забавные вещи с page-break-after:always.

Вместо того, чтобы применять его к div#cl, создайте новый пустой p или div и примените его к этому.Поместите это после #cl, поэтому

<div id-"cl">
    //all your content
</div>

<div class="pageBreak">&nbsp;</div>

Введите его с помощью page-break-after: always, но скрывайте его до печати. ​​

Answer 3

Когда у меня возникла похожая проблема, я решил ее, установив максимальную высоту каждого из моих <div> s на очень маленькое значение и постепенно увеличивая ее, пока проблема не возникла снова.

В основном, просто так:

.your-container-div {
    max-height: 27.4cm;
}