html – 在Webkit中打印时控制CSS分页符

概述我正在尝试改进使用Webkit打印的html文档的外观，在这种情况下，通过对发生分页符的位置进行一些控制。 我可以在需要使用的地方插入分页符： page-break-after: always; 但是，我找不到一种方法来避免在中间插入分页符。例如，我有html表不应该在多个页面的中间分割。我有这样的印象 page-break-inside: avoid; 将阻止在元素中插入分页符，但它似乎没有做任 我正在尝试改进使用Webkit打印的HTML文档的外观，在这种情况下，通过对发生分页符的位置进行一些控制。

我可以在需要使用的地方插入分页符：

page-break-after: always;

但是，我找不到一种方法来避免在中间插入分页符。例如，我有HTML表不应该在多个页面的中间分割。我有这样的印象

page-break-insIDe: avoID;

将阻止在元素中插入分页符，但它似乎没有做任何事情。我的代码看起来像：

.dontsplit { border: 2px solID black; page-break-insIDe: avoID; }<table >    <tr><td>Some Title</td></tr>    <tr><td><img src="something.jpg"></td></tr></table>

尽管page-break-insIDe：避免指令我仍然把第一行和第二行之间的表分割成单独的页面。

有任何想法吗？

解决方法 下载了最近的一个wkHTMLtopdf http://code.google.com/p/wkhtmltopdf/的二进制文件，以下内容似乎很有效。

.dontsplit { border: 2px solID black; page-break-insIDe: avoID; }<table>  <tr><td><div >Some Title</div></td></tr>  <tr><td><div ><img src="something.jpg"></div></td></tr></table>

参考：http://code.google.com/p/wkhtmltopdf/issues/detail?id=9#c21

谨慎地把余量，在td上填充为零，然后放在div上，否则你会得到“边缘”

总结

以上是内存溢出为你收集整理的html – 在Webkit中打印时控制CSS分页符全部内容，希望文章能够帮你解决html – 在Webkit中打印时控制CSS分页符所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。