Question

任何人都可以使用此html建议在第一页上更改表格的原因吗？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>testfile</title>
<meta http-equiv="expires" content="0" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="pragma" content="no-cache" />
<style type="text/css">
Table {
    page-break-after: always;
}
</style>
</head><body>
<table width="100%">
<tr><td width="30%"><i>Group:</i></td>
<td width="70%">Test Group 1</td></tr>
<tr><td><i>Title:</i></td>
<td><b>Test Title 1</b></td></tr>
<tr><td>&nbsp;</td></tr>
</table><br/>
<table width="100%">
<tr><td width="30%"><i>Group:</i></td>
<td width="70%">Test Group 2</td></tr>
<tr><td><i>Title:</i></td>
<td><b>Test Title 2</b></td></tr>
<tr><td>&nbsp;</td></tr>
</table><br/>
<table width="100%">
<tr><td width="30%"><i>Group:</i></td>
<td width="70%">Test Group 3</td></tr>
<tr><td><i>Title:</i></td>
<td><b>Test Title 3</b></td></tr>
<tr><td>&nbsp;</td></tr>
</body></html>

在IE9中进行打印预览时，第一页上的表格与其他页面上的任何表格处于不同的位置（更高）。

任何人都可以看到这个原因吗？

由于

Answer 1

此样式会在每个表后导致分页符：

Table {
  page-break-after: always;
}

在第一个和第二个表之后，您有一个 标记，该标记会添加一个空白行。

因此，您的第二个和第三个表格被 推迟了。

您可以通过在第一个表格之前添加 标记来删除 代码或来更正此问题。

请注意，br是void element，因此不需要“/”符号。您通常会将其视为 。

<强>更新

您可能还需要添加此样式：

body {
  margin: 0px;
}

否则，保证金可能仅适用于第一页。这对于IE11来说不是真的，但Chrome的是真的，对于IE9来说显然也是如此。

首页表位移

1 个答案: