Question

我有很长的文本内容，想要插入多个div：

<style>
  body {
    font-size: 14px;
    width: 297mm;
    font-family: Calibri;
  }
  .text-container {
    height: 300mm;
    page-break-before: always;
  }
</style>
<body>
<div class="text-container">
    Text line 1
    Text line 2
    Text line 3
    ...
    Some HTML different tags in between like <img> and <h> tags with different line heights
    ...
    Text line 10,000
    ...
</div>
</body>

我想选择text-container的innerHTML部分，该部分会导致溢出，以便将其迁移到新的div。并对新的div重复相同的操作，依此类推，直到我没有溢出的div。

我正在寻找类似这样的假设选择器：element.innerHTML.causingOverflow。

我正在尝试将此多行文本（也有一些行内高度不同的行内简单html标签，例如<h1>和<img>）分成多个div，以便每个div具有分页之前；因此wkhtmltopdf在单独的页面中打印每个div。

我想到了一种解决方案，该方法可以计算不会引起溢出的行数，并以此为基础分隔内容。如果我要分割的内容中没有不同的行高，这可能对我有帮助。

如何选择/迁移会导致元素溢出的innerHTML部分？

0 个答案: