相关疑难解决方法(0)

我一直在寻找,到目前为止我找到了page-break-before: always,但我不确定这是否是我正在寻找的,因为我不知道前面有多少行适合页面.例如,根据内容,行可能更高或更短,并且用户可能以纵向或横向模式打印.我至少假设A4,但如果用户使用的是美国信或其他纸张尺寸,则会引入更多的不确定性.另外,打印机边距怎么样？

那么有办法解决这个问题吗？或者我只需要猜测适合多少行并在此之后强制分页？这甚至会起作用吗？

html css printing safari internet-explorer

Wod*_*din

lucky-day

16
推荐指数

1
解决办法

3万
查看次数

为Google Chrome中的每个页面打印标题

我正在创建一个电视节目表,它至少应该没有任何标准浏览器的打印问题.

我需要在每个页面上放置徽标和标题以及表格标题,经过几天的尝试和搜索,我发现Chrome不会position: fixed在每个页面上打印表格标题和元素,因为这个已知错误.

由于-webkit-print-color-adjust: exact我已经大量使用打印背景颜色和使用CSS @page属性更改页面边框等功能,我已经自定义了我的视图以使用Google Chrome,但现在我看到它无法打印标题我正在寻找替代方案是:

要忘记Chrome并开始为另一个浏览器创建打印视图,该浏览器需要进行调整以打印背景颜色并更改页边距(我担心这是不可能的).
要查找CSS/JS解决方案,以使Google Chrome在每个页面上打印表格标题.

TL; DR:你知道任何jQuery/JavaScript /等.用于在Chrome中的每个页面上打印表格标题的代码？

css printing google-chrome

Far*_* Rn

lucky-day

14
推荐指数

1
解决办法

4万
查看次数

打印桌子时,铬和野生动物园正在减少一半

我对IE9,Firefox和Opera没有这个问题.只需Chrome和Safari.

打印页面时,如果某个桌面需要在某个时刻断开以继续下一页,Safari和Chrome会将该行切成两半并在第一页打印上半部分,在第二页打印下半部分页.

这是我试图使用的代码,它解决了我在IE9中遇到的问题 - 在下一页的每一行打印一个小的50px x 50px图像,第一页上有文字.

table { page-break-inside:auto }
tr    { page-break-inside:avoid; page-break-after:auto }

Run Code Online (Sandbox Code Playgroud)

我有7页不同行数,平均大约10-15行.我该怎么做才能解决这个问题？

我使用PHP foreach从数组创建表,所以我宁愿不必编辑该代码,以便我可以在页面之间保持一致.

css printing tablerow

use*_*555

2014 09-12

8
推荐指数

1
解决办法

6175
查看次数

具有正在运行的页眉和页脚的多页文档的CSS和HTML打印设置

我正在做噩梦,想弄清楚如何正确设置CSS和HTML布局,以便在我们的网络应用程序中打印文档.我们有不同的文件进入系统(订单,发票,交货单,......).文件包括:

静态标题(公司徽标,联系信息)
身体
- 客户数据(运费,账单地址)
- items表(有几行的表,可以通过几页传播)
静态页脚(免责声明)

我想要的是遵循打印功能:

如果正文通过几页传播,我希望每页都有静态页眉和页脚
如果项目表在更多页面中展开,则每个页面都会打印一个表格标题

目前我的HTML布局是这样的:

<!-- STATIC HEADER -->
<div id="pageHeader">
    <table class="table">
        <tr>
            <td>Static header content here</td>
        </tr>
    </table>
</div>

<!-- DOCUMENT CONTENT -->
<div id="pageBody">

    <!-- Customer data -->
    <table class="table">
        <tr>
            <td>Customer data here</td>
        </tr>
    </table>

    <!-- Items table -->
    <table class="table table-condensed table-print">
        <thead style="display:table-header-group;">
            <tr>
                <th>Table header here</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Rows here</td>
            </tr>
        </tbody>
    </table>

</div>

<!-- STATIC FOOTER -->
<div id="pageFooter">
    <table class="table">
        <tr>
            <td>Static footer content …

Run Code Online (Sandbox Code Playgroud)

printing html5 css3

Pri*_*ome

2017 05-23

6
推荐指数

1
解决办法

1万
查看次数

表格行分成两页（打印介质）

我有一个可以在网页中使用的表格，但是在打印我的表格 ( ctrl+ p) 时，它打破了我想要的方式。第一页的最后一行与第一页上的行的一部分和第二页上的行的另一部分分开。那么，有没有办法克服这个问题，行可以有不同的内容和大小。我也试过这个属性

 page-break-before/after: auto. page-break-inside:avoid;

Run Code Online (Sandbox Code Playgroud)

但没有结果。有没有办法打破表格并将表格的一部分移动到下一页而不将最后一行分成两部分用于打印介质？任何帮助将不胜感激。

在此处输入图片说明

table,th,td { 边框：1px 纯黑色；边框折叠：折叠；} th,td { 填充：5px; }

</style>
</head>
<body>
<table style="width:100%;">
<tr>
  <th><span>Firstname</span></th>
  <th><span>Lastname</span></th>      
  <th><span>Points</span></th>
</tr>
<tr>
  <td><span>Jill</span></td>
  <td><span>Smith</span></td>     
  <td><span>50</span></td>
</tr>
<tr>
  <td><span>Eve</span></td>
  <td><span>Jackson</span></td>       
  <td><span>94</span></td>
</tr>
<tr>
  <td><span>John</span></td>
  <td><span>Doe</span></td>       
  <td><span>80</span></td>
</tr>
   /*here I have many <tr> elements*/
</table>

</body>
</html>

Run Code Online (Sandbox Code Playgroud)

html css printing printing-web-page

nat*_*lie

2016 04-11

5
推荐指数

1
解决办法

9793
查看次数

使用HTML / CSS / JS在每个页面上打印小计，也许是XSLT？

我想使用开放标准来打印报告，该报告的每页末尾都必须有小计。

螺纹XSL-FO，CSS3，而不是CSS2的用于创建分页文件如PDF？建议将CSS3与HTML结合使用。

现在，我遇到的问题是使用HTML或CSS或JS确定A4页面的填充位置，以便出现分页符。

有CSS分页符选择器：

page-break-before: always | avoid — always/avoid page breaks before the item
page-break-after: always | avoid — always/avoid page breaks after the item
page-break-inside: always | avoid — always/avoid page breaks in the middle of the item

Run Code Online (Sandbox Code Playgroud)

但是这些对于每个页面上的小计而言并不是真正有用的，因为我不知道页面何时填充，因此我可以在其中放置这样的CSS的标签。

HTML TABLE标签支持某种形式的表头和表尾，听起来很有希望：

可以分别使用THEAD，TFOOT和TBODY元素将表行分组为表头，表脚和一个或多个表主体部分。这种划分使用户代理能够独立于桌子的头和脚来支持桌子主体的滚动。当打印长表时，可以在包含表数据的每一页上重复表的头和脚信息。

<TABLE>
<THEAD>
     <TR> ...header information...
</THEAD>
<TFOOT>
     <TR> ...footer information...
</TFOOT>
<TBODY>
     <TR> ...first row of block one data...
     <TR> ...second row of block one data...
</TBODY>
<TBODY>
     <TR> ...first row of block two …

Run Code Online (Sandbox Code Playgroud)

html css printing html-table

obe*_*ksz

2017 07-29

2
推荐指数

1
解决办法

1951
查看次数