Html 在之后使用分页符时,有时不使用';I don’我不会一直读到下一页
所以,分页符起作用了。我在部门和人力资源部都用过。在Chrome上打印时,到第三页时,我有时会在前一页的末尾看到第一行。它并没有完全进入下一页Html 在之后使用分页符时,有时不使用';I don’我不会一直读到下一页,html,Html,所以,分页符起作用了。我在部门和人力资源部都用过。在Chrome上打印时,到第三页时,我有时会在前一页的末尾看到第一行。它并没有完全进入下一页 <html> <head> <style type="text/css">.sf{font-size:10px}table{border-collapse: collapse;margin: 20px;}th{color:white; background-color:DarkSlateGray; font
<html>
<head>
<style type="text/css">.sf{font-size:10px}table{border-collapse: collapse;margin: 20px;}th{color:white; background-color:DarkSlateGray; font-size:120%;} tr:nth-child(odd){ background-color:lightgray;}@media print {.pagebreak {page-break-after: always;}}</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<table width=100%>
<tr>
<td>
<h4>R 1 - T 1</h4>
</td>
<td vAlign=bottom align=left>
<h4>az</h4>
</td>
<td vAlign=bottom align=left>
<h4>hn</h4>
</td>
</tr>
<tr>
<td></td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
</tr>
</table>
<hr>
<table width=100%>
<tr>
<td>
<h4>R 1 - T 6</h4>
</td>
<td vAlign=bottom align=left>
<h4>dc</h4>
</td>
<td vAlign=bottom align=left>
<h4>u</h4>
</td>
</tr>
<tr>
<td></td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
</tr>
</table>
<hr>
<table width=100%>
<tr>
<td>
<h4>R 1 - T 11</h4>
</td>
<td vAlign=bottom align=left>
<h4>de</h4>
</td>
<td vAlign=bottom align=left>
<h4>t</h4>
</td>
</tr>
<tr>
<td></td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
</tr>
</table>
<hr>
<table width=100%>
<tr>
<td>
<h4>R 1 - T 16</h4>
</td>
<td vAlign=bottom align=left>
<h4>s2</h4>
</td>
<td vAlign=bottom align=left>
<h4>a</h4>
</td>
</tr>
<tr>
<td></td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
</tr>
</table>
<hr>
<table width=100%>
<tr>
<td>
<h4>R 1 - T 21</h4>
</td>
<td vAlign=bottom align=left>
<h4>f</h4>
</td>
<td vAlign=bottom align=left>
<h4>s1</h4>
</td>
</tr>
<tr>
<td></td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
</tr>
</table>
<hr>
<table width=100%>
<tr>
<td>
<h4>R 1 - T 26</h4>
</td>
<td vAlign=bottom align=left>
<h4>i3</h4>
</td>
<td vAlign=bottom align=left>
<h4>gt</h4>
</td>
</tr>
<tr>
<td></td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
</tr>
</table>
<div class="pagebreak"> </div>
<table width=100%>
<tr>
<td>
<h4>R 1 - T 2</h4>
</td>
<td vAlign=bottom align=left>
<h4>lo</h4>
</td>
<td vAlign=bottom align=left>
<h4>b</h4>
</td>
</tr>
<tr>
<td></td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
</tr>
</table>
<hr>
<table width=100%>
<tr>
<td>
<h4>R 1 - T 7</h4>
</td>
<td vAlign=bottom align=left>
<h4>x</h4>
</td>
<td vAlign=bottom align=left>
<h4>ui</h4>
</td>
</tr>
<tr>
<td></td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
</tr>
</table>
<hr>
<table width=100%>
<tr>
<td>
<h4>R 1 - T 12</h4>
</td>
<td vAlign=bottom align=left>
<h4>o</h4>
</td>
<td vAlign=bottom align=left>
<h4>q</h4>
</td>
</tr>
<tr>
<td></td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
</tr>
</table>
<hr>
<table width=100%>
<tr>
<td>
<h4>R 1 - T 17</h4>
</td>
<td vAlign=bottom align=left>
<h4>d</h4>
</td>
<td vAlign=bottom align=left>
<h4>n</h4>
</td>
</tr>
<tr>
<td></td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
</tr>
</table>
<hr>
<table width=100%>
<tr>
<td>
<h4>R 1 - T 22</h4>
</td>
<td vAlign=bottom align=left>
<h4>sx</h4>
</td>
<td vAlign=bottom align=left>
<h4>fv</h4>
</td>
</tr>
<tr>
<td></td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
</tr>
</table>
<hr>
<table width=100%>
<tr>
<td>
<h4>R 1 - T 3</h4>
</td>
<td vAlign=bottom align=left>
<h4>s</h4>
</td>
<td vAlign=bottom align=left>
<h4>r</h4>
</td>
</tr>
<tr>
<td></td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
</tr>
</table>
<div class="pagebreak"> </div>
<table width=100%>
<tr>
<td>
<h4>R 1 - T 8</h4>
</td>
<td vAlign=bottom align=left>
<h4>i1</h4>
</td>
<td vAlign=bottom align=left>
<h4>aq</h4>
</td>
</tr>
<tr>
<td></td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
</tr>
</table>
<hr>
<table width=100%>
<tr>
<td>
<h4>R 1 - T 13</h4>
</td>
<td vAlign=bottom align=left>
<h4>ki</h4>
</td>
<td vAlign=bottom align=left>
<h4>g</h4>
</td>
</tr>
<tr>
<td></td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
</tr>
</table>
<hr>
<table width=100%>
<tr>
<td>
<h4>R 1 - T 18</h4>
</td>
<td vAlign=bottom align=left>
<h4>h</h4>
</td>
<td vAlign=bottom align=left>
<h4>jm</h4>
</td>
</tr>
<tr>
<td></td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
</tr>
</table>
<hr>
<table width=100%>
<tr>
<td>
<h4>R 1 - T 23</h4>
</td>
<td vAlign=bottom align=left>
<h4>r1</h4>
</td>
<td vAlign=bottom align=left>
<h4>re</h4>
</td>
</tr>
<tr>
<td></td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
</tr>
</table>
<hr>
<table width=100%>
<tr>
<td>
<h4>R 1 - T 4</h4>
</td>
<td vAlign=bottom align=left>
<h4>fr</h4>
</td>
<td vAlign=bottom align=left>
<h4>r2</h4>
</td>
</tr>
<tr>
<td></td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
</tr>
</table>
<hr>
<table width=100%>
<tr>
<td>
<h4>R 1 - T 9</h4>
</td>
<td vAlign=bottom align=left>
<h4>z</h4>
</td>
<td vAlign=bottom align=left>
<h4>s3</h4>
</td>
</tr>
<tr>
<td></td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
</tr>
</table>
<div class="pagebreak"> </div>
<table width=100%>
<tr>
<td>
<h4>R 1 - T 14</h4>
</td>
<td vAlign=bottom align=left>
<h4>c</h4>
</td>
<td vAlign=bottom align=left>
<h4>yt</h4>
</td>
</tr>
<tr>
<td></td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
</tr>
</table>
<hr>
<table width=100%>
<tr>
<td>
<h4>R 1 - T 19</h4>
</td>
<td vAlign=bottom align=left>
<h4>v</h4>
</td>
<td vAlign=bottom align=left>
<h4>gb</h4>
</td>
</tr>
<tr>
<td></td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
</tr>
</table>
<hr>
<table width=100%>
<tr>
<td>
<h4>R 1 - T 24</h4>
</td>
<td vAlign=bottom align=left>
<h4>4</h4>
</td>
<td vAlign=bottom align=left>
<h4>e</h4>
</td>
</tr>
<tr>
<td></td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
</tr>
</table>
<hr>
<table width=100%>
<tr>
<td>
<h4>R 1 - T 5</h4>
</td>
<td vAlign=bottom align=left>
<h4>m</h4>
</td>
<td vAlign=bottom align=left>
<h4>r3</h4>
</td>
</tr>
<tr>
<td></td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
</tr>
</table>
<hr>
<table width=100%>
<tr>
<td>
<h4>R 1 - T 10</h4>
</td>
<td vAlign=bottom align=left>
<h4>k</h4>
</td>
<td vAlign=bottom align=left>
<h4>p</h4>
</td>
</tr>
<tr>
<td></td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
</tr>
</table>
<hr>
<table width=100%>
<tr>
<td>
<h4>R 1 - T 15</h4>
</td>
<td vAlign=bottom align=left>
<h4>sw</h4>
</td>
<td vAlign=bottom align=left>
<h4>w</h4>
</td>
</tr>
<tr>
<td></td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
</tr>
</table>
<div class="pagebreak"> </div>
<table width=100%>
<tr>
<td>
<h4>R 1 - T 20</h4>
</td>
<td vAlign=bottom align=left>
<h4>i</h4>
</td>
<td vAlign=bottom align=left>
<h4>y</h4>
</td>
</tr>
<tr>
<td></td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
</tr>
</table>
<hr>
<table width=100%>
<tr>
<td>
<h4>R 1 - T 25</h4>
</td>
<td vAlign=bottom align=left>
<h4>i2</h4>
</td>
<td vAlign=bottom align=left>
<h4>j</h4>
</td>
</tr>
<tr>
<td></td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
<td class="sf">
<div style="vertical-align: bottom; height: 100%;">pk_</div>
</br>
<div style="vertical-align: top; height: 100%;"><input type="checkbox">wd</input></div>
</td>
</tr>
</table>
<hr>
</body>
</html>
.sf{font size:10px}表{边框折叠:折叠;边距:20px;}第{色:白色;背景色:深灰色;字体大小:120%;}tr:n子项(奇数){背景色:浅灰色;}@media打印{.pagebreak{分页符之后:始终;}
r1-t1
阿兹
hn
主键_
wd
主键_
wd
r1-t6
直流电
U
主键_
wd
主键_
wd
r1-t11
判定元件
T
主键_
wd
主键_
wd
r1-t16
s2
A.
主键_
wd
主键_
wd
r1-t21
F
s1
主键_
wd
主键_
wd
r1-t26
i3
燃气轮机
主键_
wd
主键_
wd
r1-t2
瞧
B
主键_
wd
主键_
wd
r1-t7
x
用户界面
主键_
wd
主键_
wd
r1-t12
o
Q
主键_
wd
主键_
wd
r1-t17
D
N
主键_
wd
主键_
wd
r1-t22
sx
fv
主键_
wd
主键_
wd
r1-t3
s
R
主键_
wd
主键_
wd
r1-t8
i1
aq
主键_
wd
主键_
wd
r1-t13
碘化钾
G
主键_
wd
主键_
wd
r1-t18
H
吉咪
主键_
wd
主键_
wd
r1-t23
r1
重新
主键_
wd
主键_
wd
r1-t4
fr
r2
主键_
wd
主键_
wd
r1-t9
Z
s3
主键_
wd
主键_
wd
r1-t14
C
yt
主键_
wd
主键_
wd
r1-t19
v
国标
主键_
@media print {
.pagebreak {page-break-after: always;}
}
<table class="print-friendly">
<!-- The rest of your table here -->
</table>
<style>
table.print-friendly tr td, table.print-friendly tr th {
page-break-inside: avoid;
}
</style>