Knp/Snappy PDF Generator Пустая страница

Question

Я делаю генератор с symfony/twig, но всегда есть пустые страницы.(Иногда 1, иногда больше) вот мой JS о страницах: var marginTop = 15;

         var cellHeightArray = [];
         var rowCounter = 0;
         var cellCounter = 0;
         var cellHeightArray2 = [];
         var rowCounter2 = 0;
         var cellCounter2 = 0;

         $('.page-three > .spec-box').each(function() {
            if(!cellHeightArray[rowCounter]) {
                cellHeightArray[rowCounter] = [];
            }
            var height = $(this).height();
            var topHeight = 0;

            for(var j = 0; j < cellHeightArray.length; j++) {
                if(cellHeightArray[j][cellCounter]) {
                    topHeight += cellHeightArray[j][cellCounter] + marginTop;
                }
            }

            cellHeightArray[rowCounter][cellCounter] = height;

            $(this).css({
               "float": "left",
               "position": "absolute",
               "width": "400px",
               "top": topHeight,
               "left": (cellCounter * (400 + 50)) + 50
            });

            if (topHeight + height > 750) {
                $(this).appendTo(".page-four");
                $("page-four").append("Some appended text.");
            }

            if(cellCounter == 2) {
                rowCounter++;
                cellCounter = 0;
            }else {
                cellCounter++;
            }

         });

ПРИМЕЧАНИЕ: его альбомная страница. И в моем контроллере все поля => 0 и JavaScript включен. Что я должен делать? Я погуглил это, кто-то говорит о своей ошибке, но на самом деле не знаю. Я думаю, что я делаю что-то не так.

А вот и мой CSS для первой и второй страницы

.page-one, .page-two {
                font-family: Roboto, 'Segoe UI', Tahoma, sans-serif;
                position: relative;
                height:992px;
            }

И страница-три CSS

.page-three, .page-four{
                font-family: Roboto, 'Segoe UI', Tahoma, sans-serif;
                position:relative;
                height:992px;
            }

Answer 1

Я решил ту же проблему, вот так:

Код CSS:

.page {
    page-break-after: always;
}

После этого поместите "страницу" этого класса в каждый раздел div, который вам нужно показать. Снять всю высоту с div o