相关疑难解决方法(0)

我们可以在同一个<table>中有多个<tbody>吗?

我们可以<tbody>同时拥有多个标签<table>吗?如果是,那么在什么情况下我们应该使用多个<tbody>标签?

html xhtml html-table

582
推荐指数
5
解决办法
17万
查看次数

如何避免wkhtmltopdf表格行内的分页符

我从一个表格的 html页面生成pdf报告.

我正在使用wkhtmltopdf.

当生成pdf时,它会破坏tr标签中的任何位置.

我想避免它.

pdfkit wkhtmltopdf

73
推荐指数
6
解决办法
8万
查看次数

如何应用CSS分页符来打印包含大量行的表?

我的网页中有一个动态表,有时包含很多行.我知道有page-break-beforepage-break-afterCSS属性.如果需要,我在哪里将它们放入我的代码中以强制分页?

html css printing page-break css-tables

72
推荐指数
4
解决办法
19万
查看次数

page-break-inside在Chrome中不起作用?

我在页面上有一堆段落:

<p> ... </p>
<p> ... </p>
<p> ... </p>
Run Code Online (Sandbox Code Playgroud)

这些段落的CSS规则是:

p {
    margin: 20px 0;
    page-break-inside: avoid;
}
Run Code Online (Sandbox Code Playgroud)

现场演示: http ://jsfiddle.net/KE9je/2/show/

如果我page-break-inside正确理解了属性,上面应该确保在两个页面之间没有分割段落.(段落显示在"当前"页面上,或者如果它不完全适合,则会移到下一页.)

这在Chrome中似乎不起作用.打开演示,右键单击页面,选择"打印...".您将看到打印预览 - 第五段在第1页和第2页之间分开.

我究竟做错了什么?如何在Chrome中完成此工作?


html css google-chrome

36
推荐指数
6
解决办法
5万
查看次数

Wicked_pdf避免分页内部无法正常工作

这是我使用Wicked_pdf将我的html.erb页面转换为的结果pdf.

在此输入图像描述

问题:看起来tabletr已分裂成两页.

我没有成功的尝试:

  1. 使用page-break-inside所描述的在这里在这里

table,tr,td,th,tbody,thead,tfoot {page-break-inside:avoid!important; }

  1. 把一个div中的文本,如解释在这里
  2. 这里

另一种选择:将每个tr放在自己的tbody中,然后将peage break css规则应用于tbody.表支持多个tbodys.一点额外的标记,但对我来说效果不错.

我正在使用Ruby on Rails 4.2.6,Wicked_pdf最新版本,bootstrap.

关于github上的相关问题

:我怎样才能让tabletr不分割成两页.

page-break wkhtmltopdf page-break-inside wicked-pdf

9
推荐指数
1
解决办法
5238
查看次数

如何避免跨页面拆分 HTML 表格

请原谅我的英语。

我正在打印一份 pdf 格式的大型报告,其中包括一些表格(一张接一张的表格)。为此,我首先在 html 中生成报告,然后使用dompdf将其传递给 pdf

这是我一张一张地打印一张桌子的方式:

<div>
  <table>
  -----
  </table>
</div>

<div>
  <table>
  -----
  </table>
</div>
Run Code Online (Sandbox Code Playgroud)

这是分页符时打印表格的方式

问题是当有分页符时,表格行被拆分。我想避免它。

我尝试使用 CSS 打印属性,但它不起作用,在其他情况下,page-break-before: always;将我的报告的每个表格打印在不同的页面上。

<style type="text/css">
table { page-break-inside:auto }
tr    { page-break-inside:avoid; page-break-after:auto }
thead { display:table-header-group }
tfoot { display:table-footer-group }
</style>
Run Code Online (Sandbox Code Playgroud)

因为只有在必要时,我才能在报告中的所有表格中强制分页。

请帮忙。

html css pdf-generation dompdf wkhtmltopdf

5
推荐指数
1
解决办法
1万
查看次数

CSS 停止表格行内的分页符

我试图避免在可能超过一页的 HTML 表格的行内出现分页符。我正在使用 Internet Explorer Print Preview 和 BCL EasyPDFSDK 来转换为 PDF 以进行测试。我以各种组合将以下 CSS 样式应用于<td>元素,但对于每个元素,我都得到了不想要的结果:

td {
    page-break-inside: avoid !important;
    white-space: nowrap;
    overflow: hidden;
    margin: 4px 0 4px 0;
}
Run Code Online (Sandbox Code Playgroud)

我相信这page-break-inside: avoid !important是有效的,但只是在<td>水平上。例如,我会看到在第一页末尾<tr>有一个<td>所有文本完整无缺的<td>标签,但以下标签将在下一页上所有文本完整无缺。

我不认为你应该应用格式,<tr>所以我不确定如何解决这个问题。

我应该将 CSS 应用于<tr>还是有另一种方法来实现这一点?

谢谢您的帮助!

html css html-table page-break-inside

1
推荐指数
1
解决办法
5969
查看次数