Divs как страница, как в Google Docs и разделенный контент вставлен?

Question

В документах Google, когда мы вставляем много данных, они автоматически разбиваются на страницы, удобные для печати. ​​Как я могу создать эту базовую функциональность типа документов Google. Источник данных будет извлечен из базы данных вместо вставки.

Answer 1

Вы можете постепенно заполнять div текстом, используя JavaScript. Проверяйте высоту после каждого слова и после достижения определенной высоты (например, ~ 25 см для DIN A 4) вставьте новый тег абзаца с page-break-before: always, чтобы разбить страницу на отпечатке.