Содержание PDF всегда должно иметь два элемента div на одной странице. Только если содержимое div слишком длинное, тогда на странице может быть один div, но на следующей странице снова должно быть два, опять же, если содержимое позволяет. Но это правило, показывать два контента, один, если контент длинный. Поэтому я начал работать с JavaScript, чтобы проверить высоту элементов.

let attributeDivs = document.getElementsByClassName("attributeDiv"); for(var i = 0; i {amp}lt; attributeDivs.length; i  ) { var twoElementsOffsetHeight = attributeDivs[i].offsetHeight   attributeDivs[i   1].offsetHeight; if (twoElementsOffsetHeight {amp}gt; 550) { attributeDivs[i].style.pageBreakAfter = "always"; } } 

То, что это делает, проверяет, являются ли эти два содержания длинными, тогда это сделает разрыв страницы на первом содержании. Но проблема в том, что контент может быть настолько маленьким, что 4 из них меньше 550. Так что это не хорошо. Затем я попытался разбить каждый второй контент, чтобы увидеть, могу ли я что-то с этим поработать:

 for(var i = 0; i {amp}lt; attributeDivs.length; i  ) { var twoElementsOffsetHeight = attributeDivs[i].offsetHeight   attributeDivs[i   1].offsetHeight; if (i % 2) { attributeDivs[i].style.pageBreakAfter = "always"; } } 

Но тогда проблема заключается в том, что если первое будет длинным, оно сломает содержимое второй страницы, даже если оно маленькое.

Как подойти к этой задаче?