html - css - 打印的页面文本在分页符处超出 block

标签 html css printing media-queries

所以我有这个生成的页面我想打印 - http://hubog-2017.com/print_prog_en

我在每张 table 后分页。在第二个表格中,其中一个文本太长,分成两页(第 2 页和第 3 页)。现在的问题是文本超出了它的 TD,我在 THEAD 上看到了它。

enter image description here

我尝试使用断字和填充,但没有成功。

最佳答案

设法通过添加此 CSS 获得部分解决方案: 它不完全是我想要的样子,但至少文字没有中断......

@page {
    size: A4;   
}

@media print {
  html, body {
    width: 210mm;
    height: 297mm;
  }  
}

关于html - css - 打印的页面文本在分页符处超出 block ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41607897/

相关文章:

html - 将文本区域调整大小 handle 放在顶部

javascript - 打印 Bootstrap 文本区域,它只显示滚动条

javascript - 避免第一页的边距 - 打印

jquery - Jquery中的透明ListView

css - 具有下拉菜单的中央对齐导航

jquery - 如何在 focusout 中为表单中的所有字段添加占位符?

python - 打印日期时间对象列表时覆盖默认格式

javascript - 相对于子 div 水平滚动滚动父 div

php - Yii 2.0 Widget 元素选项

html - 如果页面上的每个元素都按百分比调整大小,那么缩放浏览器窗口会有什么用吗?