相关疑难解决方法(0)

我正试图让谷歌浏览器进行分页.

我通过一堆page-break-after: always;在Chrome中有效的网站被告知,但即使只是一个非常简单的例子,我似乎无法让它工作.有没有办法在使用chrome打印时强制分页？

我有一个带有标题(h1,h2,h3 ......)和段落的大型HTML文档.当我打印文档时,我希望自动将文档底部的标题转到下一页:

我能怎么做？我使用带有段落的"孤儿:3"CSS并使用"p"标签,但是使用h1或h2不起作用.

@page {
  size: A4;
}

p {
  orphans:3;
}

h1, h2 {
  orphans:3
}

关于行动的完整示例:

• 1-2页:段落孤儿工作正常.
• 2-3页:标题不起作用.

要求:

• HTML有一个主div容器.
• 不要改变HTML.
• 浏览器支持并不重要(根据我的具体工作).
• 我需要CSS中的一些技巧(最好没有JS或Jquery)
• 我不能使用page-break-before:总是因为我希望那些标题只在页面底部出现时才转到下一页.

我有一个用于我的(Wordpress)网站的打印样式表,我想要在单个页面上打印图像而不是在页面上拆分.在某些情况下,甚至文本行都在页面之间分割.我已经包含img {page-break: avoid;)在我的打印样式表中,但没有运气.我找到了一些以前的答案,但它们有点老了.

是否有可靠的方法在单个页面上打印中等大小的图像而不是在页面上拆分？为什么文本行跨页？

网站:http://74.220.217.211/housing-developments/grafton-townhomes/

相关文章:

• 打印样式:如何确保图像不会跨越分页符

• 什么是最有用的媒体="打印"specfic,跨浏览器兼容的CSS属性？

• 使用CSS以避免分页符的正确方法是什么？

• page-break-inside在Chrome中不起作用？
• 解决页面突破问题:避免

我正在尝试制作一个带有一些相当长的表格的可打印文档。有时页面正好在表头和数据之间结束，这使得阅读变得更加困难。

例子

我怎样才能防止这种情况发生呢？

我尝试使用以下 CSS，但没有帮助。

@media print {
        h1, h2, h3, thead, thead>tr {
            page-break-after: avoid;
            page-break-inside: avoid;
        }

        tbody {
            page-break-before: avoid;
        }

        /* I would also like to not have page breaks within first five rows */
        tbody:nth-child(-n+5) {    
            page-break-before: avoid;
        }
}

表结构：

<table border="1" cellspacing="0" cellpadding="3">
    <thead>
    <tr>
        <th rowspan="2">Metric</th>
        <th colspan="3">Type 1</th>
        <th colspan="3">Type 2<th>
    </tr>
    <tr>
        <th>Initial</th>
        <th>Final</th>
        <th>Difference</th>
        <th>Initial</th>
        <th>Final</th>
        <th>Difference</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>Dataset1</td>
        <td>*DATA*</td>
        ...
    </tr>
    </tbody>
</table>