相关疑难解决方法(0)

如何在打印大型HTML表时处理分页符

我有一个项目,需要打印一个包含许多行的HTML表.

我的问题是表格在多页上打印的方式.它有时会减少一半,使其无法读取,因为一半位于页面的边缘,其余部分打印在下一页的顶部.

我能想到的唯一合理的解决方案是使用堆叠的DIV而不是表格,并在需要时强制分页.但在完成整个更改之前,我认为我之前可以问过这个问题.

html css printing html-table

255
推荐指数
6
解决办法
33万
查看次数

从页面禁用浏览器打印选项(页眉,页脚,边距)?

我已经在SO和其他几个网站上以几种不同的方式看到了这个问题,但其中大部分都是过于具体或过时的.我希望有人可以在这里提供一个明确的答案,而不必接受猜测.

有人用CSS或javascript来改变默认打印机设置,当有人在浏览器中打印时?当然,"来自浏览器的打印"是指某种形式的HTML,而不是PDF或其他一些插件依赖的mime类型.

请注意:

如果某些浏览器提供此功能而其他浏览器不支持(或者如果您只知道如何为某些浏览器执行此操作),我欢迎特定于浏览器的解决方案.

同样,如果您知道主流浏览器对EVER有特定限制,这也很有帮助,但一些相当最新的文档将不胜感激.(简单地说"违背XYZ的安全政策"并不是很有说服力,因为XYZ在过去三年中对所述政策做出了重大改变).

最后,当我说"更改默认打印设置"时,我并不是永远,只是为了我的页面,我指的是打印页边距,页眉和页脚.

我非常清楚CSS提供了更改页面方向和页边距的选项.Firefox的许多难题之一.如果我将页边距设置为1英寸,则将其加到已经放置的半英寸处.

我非常希望减少客户网站上PDF的使用,但是主要关注的是展示的侵权(以及缺乏可靠性).

html javascript css browser printing

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

用HTML模拟A4页面

我需要创建一个A4纸张尺寸的HTML页面.

我知道,在像素A4纸张大小是:595px x 842px(串号10-11).但是当我放置这些尺寸并尝试打印页面时(我打印到PDF文件,由于暂时缺少墨水),我不会让我的HTML完全适合页面:它要小得多.

当我尝试添加一些像素(当然是系数)时,我得到了794px x 1122px(字符串编号12-13),第二次打印尝试(保存为PDF文件)给了我这个变量稍大一点的结果,然后需要.

那么,解决方案是什么以及为什么可能595px x 842px与保存为PDF的真实A4不兼容?

这是一个例子

PS我使用Chromium用于Ubuntu 13.10并且没有在Windows上检查它.

我这样做是为了能够通过PHP简单地更改值,然后将HTML页面转换为PDF,如此处所述.

html pdf

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

处理实际打印边距

我正在尝试创建与标签纸完全匹配的样式。我的一般策略是将正文设置为无边距,准确设置页面大小,并在每页print_layout的内部div也匹配8½?×11?(在这种情况下)。

问题在于,将页边距设置为0并不会真正将其精确设置为零。

@page {
    size: 8.5in 11in;
    margin: 0;
}
Run Code Online (Sandbox Code Playgroud)

环顾四周后,我的理解是,您无法真正将页面页边距设置为零,而期望结果为零。我想要的是:

1)在javascript中获得最小打印边距的一种方法,这样我就可以用精确的负边距和内部样式的填充进行补偿。

2)一种覆盖此设置的方法,这样我可以得到真正的零边距(注意:我不需要打印边缘到边缘,只需要将样式调整到页面大小即可)

3)我还没有想到的其他解决方案。

以下是edge-dev中的打印预览的屏幕截图。如上所述,边距设置为零。我更改了内部div的背景,并打开了背景图形设置,以可视方式显示主体(和内部div)的大小。

在此处输入图片说明

html css

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

@page Css样式不适用于Mozilla firefox

我的要求是在打印时为所有页面提供10厘米的边距.

我正在使用打印window.print().我的网页会动态增加(因此无法确定页数).对于我需要提供10厘米边距的所有页面.

我使用CSS Media="Print",我在其中定义了样式:

  @page
  {
     Margin-top :10cm; 
  }
Run Code Online (Sandbox Code Playgroud)

这适用于除Mozilla Firefox之外的所有浏览器.我搜索了解决方案,所有的博客都说,Mozilla不支持@page,但没有解决方案.有人可以帮我吗?请让我知道是否可以在mozilla中实现

css printing asp.net-mvc

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

当内容在多个页面上时,CSS 打印自定义大小的页边距

我正在尝试打印一个可能很长并包含文本段落和表格的 HTML 页面。我的目标是为每一页定义一个打印边距。我在我的页面中添加了以下 CSS:

@media print {
    body {
        margin: 2.5cm 0;
    }
}
Run Code Online (Sandbox Code Playgroud)

但是我遇到的问题是边距添加到文档的开头和结尾,而不是添加到每一页。正如您从附加图像中看到的,我在第一页中有页边距顶部,但在第二页中没有,我想要的行为类似于书籍或 Word 文档(您定义页边距)。是否可以在 CSS 中做到这一点?

在打印预览屏幕中问题可见

html css printing

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

HTML表格应该在每个页面上重复标题,而且不应将章节分成2页

我有打印HTML表的问题,我没有找到任何解决方案,所以我希望你能帮助我.

我需要使用这两个规则创建表(可能带有CSS):

  1. 当HTML表格超过下一个A4页面时,我需要在新页面的顶部重复HTML标题;

  2. 我需要定义表中的某些部分 - 这一部分必须是在同一页上 - 它不能在多个页面被分割......在表中会更加的部分,每个部分必须是整体上的一个页面(一个A4页面可以容纳更多部分,但一个部分不能拆分为更多A4页面).

你能帮助我吗?

编辑:它现在正在工作,但我想在每个页面的顶部应用保证金,但它不起作用.

<html>
    <head>
        <title>pokus</title>
        <meta charset='UTF-8' />
        <style type='text/css'>

        @media print
        {
            tbody {
                page-break-inside: avoid;
            }
            thead {
                display: table-header-group;
                margin-top: 100px;
            }
        }
        </style>
    </head>
    <body>
    <table>
        <thead>
            <tr>
                <td>Column 1</td>
                <td>Column 2</td>
                <td>Column 3</td>
            </tr>
        </thead>
        <tbody>
            <tr><td>Blok1</td><td>Blok1</td><td>Blok1</td></tr>
            <tr><td>Blok1</td><td>Blok1</td><td>Blok1</td></tr>
            <tr><td>Blok1</td><td>Blok1</td><td>Blok1</td></tr>
            <tr><td>Blok1</td><td>Blok1</td><td>Blok1</td></tr>
            .... more rows ... 
            <tr><td>Blok1</td><td>Blok1</td><td>Blok1</td></tr>
            <tr><td>Blok1</td><td>Blok1</td><td>Blok1</td></tr>
        </tbody>
        <tbody>
            <tr><td>Blok2</td><td>Blok2</td><td>Blok2</td></tr>
            <tr><td>Blok2</td><td>Blok2</td><td>Blok2</td></tr>
            .... more rows ....
            <tr><td>Blok2222222</td><td>Blok2</td><td>Blok2</td></tr>
        </tbody>
        <tbody>
            <tr><td>Blok3</td><td>Blok3</td><td>Blok3</td></tr>
                    ....more rows
            <tr><td>Blok3</td><td>Blok3</td><td>Blok3</td></tr>
        </tbody>
    </table>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

html css html-table

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

标签 统计

css ×6

html ×6

printing ×4

html-table ×2

asp.net-mvc ×1

browser ×1

javascript ×1

pdf ×1