小编nat*_*lie的帖子

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

我有一个可以在网页中使用的表格，但是在打印我的表格 ( 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
查看次数