Генератор PDF Knp/Snappy Пустая страница

Я делаю генератор с 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;
            }

person Cagrison    schedule 06.02.2019    source источник


Ответы (1)


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

CSS-код:

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

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

person Fernando León    schedule 06.02.2019