bounty还有4天到期。回答此问题可获得+100声望奖励。Sam I am says Reinstate Monica想要引起更多关注这个问题：我需要这样做，我自己与一个重复的大页脚在html
使用这里的解决方案https://stackoverflow.com/a/47919120/487460，我可以在每个页面上重复标题。但是如果页眉高度增加，它就不再重复了！thead是否有重复的限制？如果是这样，我该如何提高它？
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript">
function PrintPage() {
document.getElementById('print').style.display = 'none';
window.resizeTo(960, 600);
document.URL = "";
window.location.href = "";
window.print();
}
</script>
<style type="text/css" media="print">
@page {
size: auto;
/* auto is the initial value */
margin: 2mm 4mm 0mm 0mm;
/* this affects the margin in the printer settings */
}
thead {
display: table-header-group;
}
tfoot {
display: table-footer-group;
}
</style>
<style type="text/css" media="screen">
thead {
display: block;
}
tfoot {
display: block;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<table style="width: 500px; margin: 0 auto;">
<thead>
<tr>
<td>
<p>header comes here for each page</p>
<p>header comes here for each page</p>
<p>header comes here for each page</p>
<p>header comes here for each page</p>
<p>header comes here for each page</p>
<p>header comes here for each page</p>
<p>header comes here for each page</p>
<p>header comes here for each page</p>
<p>header comes here for each page</p>
<p>header comes here for each page</p>
<p>header comes here for each page</p>
<p>header comes here for each page</p>
</td>
</tr>
</thead>
<tbody>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>3</td></tr>
<tr><td>4</td></tr>
<tr><td>5</td></tr>
<tr><td>6</td></tr>
<tr><td>7</td></tr>
<tr><td>8</td></tr>
<tr><td>9</td></tr>
<tr><td>10</td></tr>
<tr><td>11</td></tr>
<tr><td>12</td></tr>
<tr><td>13</td></tr>
<tr><td>14</td></tr>
<tr><td>15</td></tr>
<tr><td>16</td></tr>
<tr><td>17</td></tr>
<tr><td>18</td></tr>
<tr><td>19</td></tr>
<tr><td>20</td></tr>
<tr><td>21</td></tr>
<tr><td>22</td></tr>
<tr><td>23</td></tr>
<tr><td>24</td></tr>
<tr><td>25</td></tr>
<tr><td>26</td></tr>
<tr><td>27</td></tr>
<tr><td>28</td></tr>
<tr><td>29</td></tr>
<tr><td>30</td></tr>
<tr><td>31</td></tr>
<tr><td>32</td></tr>
<tr><td>33</td></tr>
<tr><td>34</td></tr>
<tr><td>35</td></tr>
<tr><td>36</td></tr>
<tr><td>37</td></tr>
<tr><td>38</td></tr>
<tr><td>39</td></tr>
<tr><td>40</td></tr>
<tr><td>41</td></tr>
<tr><td>42</td></tr>
<tr><td>43</td></tr>
<tr><td>44</td></tr>
<tr><td>45</td></tr>
<tr><td>46</td></tr>
<tr><td>47</td></tr>
<tr><td>48</td></tr>
<tr><td>49</td></tr>
<tr><td>50</td></tr>
<tr><td>51</td></tr>
<tr><td>52</td></tr>
<tr><td>53</td></tr>
<tr><td>54</td></tr>
<tr><td>55</td></tr>
</tbody>
<tfoot>
<tr>
<td>
footer comes here for each page
</td>
</tr>
</tfoot>
</table>
</div>
<br clear="all" />
<input type="button" id="print" name="print" value="Print" onclick="javascript:PrintPage();" class="button" />
</form>
</body>
</html>
1条答案
按热度按时间mwecs4sa1#
技巧是在表头使用
th：