html – 在Google Chrome中打印表格时,内容与标题重叠

html – 在Google Chrome中打印表格时,内容与标题重叠,第1张

概述我在打印包含 HTML代码的表格时遇到了问题.我需要创建一个带有标题的文档,为了实现这一点,我正在使用带有thead元素的表,因此浏览器将为打印文档中的每个页面复制它. 问题是,当我在< tr>内部有分页时,内容与标题重叠.元件.跟随问题的印刷品和代码的要点. iframe { height: 400mm; width: 300mm; page-break-after: always; 我在打印包含 HTML代码的表格时遇到了问题.我需要创建一个带有标题的文档,为了实现这一点,我正在使用带有thead元素的表,因此浏览器将为打印文档中的每个页面复制它.

问题是,当我在< tr>内部有分页时,内容与标题重叠.元件.跟随问题的印刷品和代码的要点.

iframe {  height: 400mm;  wIDth: 300mm;  page-break-after: always;}.barcode {  Font-family: 'c39hrp36dltt';  Font-size: 4em;}.document {  wIDth: 100%;  height: 100%;  page-break-after: always;  Font-family: 'Arial';}.dont-break-insIDe {  page-break-insIDe: avoID;}.huge {  Font-weight: 700;  Font-size: 3em;}.Title {  text-align: center;  background-color: #a9a9a9;  Font-weight: 700;  padding: 5px;}.line {  border-bottom: solID 1px #727273;  margin-top: 25px;  wIDth: 100%;}.center {  vertical-align: mIDdle;  margin-left: 4cm;}.cover-infos {  wIDth: 21cm;  border: 1px solID;  border-collapse: collapse;  margin-top: 1cm;}.cover-infos td {  border: 1px solID;  padding: 10px;  text-align: center;}.header-template {  wIDth: 100%;  margin-right: 10px;  border-collapse: collapse;}.header-template tr {  border: solID 1px;}.header-template td {  word-wrap: break-word;  padding: 2px}.header-template .barcode {  Font-family: 'c39hrp48dhtt';  Font-size: 5em;  white-space: nowrap;}
<!DOCTYPE HTML><HTML><head>  <Meta charset="utf-8" /></head><body>  <div >    <table ID="page">      <thead>        <tr>          <td>            <table >              <tr>                <td  rowspan="2">                  *CQS-51582*                </td>              </tr>              <tr>                <td>                  <strong>Curso: </strong>BACHARELADO EM CIÊNCIAS ECONÔMICAS                </td>                <td>                  <strong>disciplina: </strong>MATEMÁTICA FINANCEIRA                </td>              </tr>              <tr>                <td colspan="3" >                  Caderno de Questões - Prova Número 1                </td>              </tr>            </table>          </td>        </tr>      </thead>      <tbody>        <tr>          <td>            <div><strong>Questão 1 (0,50)</strong></div>            <div>              <p>                <div>                  <div >Em qual montante se transforma um cAPItal de R0.000,00 em 6 meses,consIDerando uma taxa de 3%a.m.?&nbsp;</div>                </div>              </p>            </div>          </td>        </tr>        <tr>          <td>            <div><strong>Questão 2 (0,50)</strong></div>            <div>              <p>                <div>                  <div >A amortiza&ccedil;&atilde;o &eacute; um processo financeiro,pelo qual uma d&iacute;vIDa ou obriga&ccedil;&atilde;o &eacute; paga progressivamente por meio de parcelas,&nbsp;de modo que,ao t&eacute;rmino do prazo estipulado,o d&eacute;bito                    seja liquIDado (SAMANEZ 2007). <strong>Quais s&atilde;o os sistemas de amortiza&ccedil;&atilde;o mais utilizados? Explique e relate cada um dos sistemas.</strong></div>                </div>              </p>            </div>          </td>        </tr>        <tr>          <td>            <div><strong>Questão 3 (0,50)</strong></div>            <div>              <p>                <div>                  <div >                    <div>Imagine que o av&ocirc; de Jefferson&nbsp;tenha feito,no passado,uma aplica&ccedil;&atilde;o de R.000,00. Em seu testamento,colocou a condi&ccedil;&atilde;o de que seu neto&nbsp;resgataria esse investimento quando esta completasse                      100 anos,recebendo rendimentos. Veja a tabela que segue:</div>                    <table align="center" border="1" cellpadding="0" cellspacing="0" >                      <tbody>                        <tr>                          <td>Taxa anual</td>                          <td>Valor aplicado</td>                          <td>Em 10 anos</td>                          <td>Em 100 anos</td>                        </tr>                        <tr>                          <td>1% ao ano</td>                          <td>R.000,00</td>                          <td>R.104,62</td>                          <td>R.704,81</td>                        </tr>                        <tr>                          <td>2% ao ano</td>                          <td>R.000,00</td>                          <td>R.219,00</td>                          <td>R.244,64</td>                        </tr>                        <tr>                          <td>4% ao ano</td>                          <td>R.000,00</td>                          <td>R.480,24</td>                          <td>R.504,94</td>                        </tr>                        <tr>                          <td>8% ao ano</td>                          <td>R.000,00</td>                          <td>R.158,92</td>                          <td>R.199.761,25</td>                        </tr>                      </tbody>                    </table>                    <div><br /> &nbsp;                    </div>                    <div>Essa disparIDade dos juros d&aacute;-se por conta da diferen&ccedil;a da taxa de juros,obtIDa&nbsp;no caso apresentado,&nbsp;entre 1 e 8% ao ano,pelo longo per&iacute;odo de 100 anos - &eacute; a m&aacute;gica dos juros compostos!                      Albert Einsten chegou a dizer que &quot;os juros compostos s&atilde;o a for&ccedil;a mais poderosa do universo e a maior inven&ccedil;&atilde;o da humanIDade,porque permite uma confi&aacute;vel e sistem&aacute;tica acumula&ccedil;&atilde;o                      de riqueza.&quot;&nbsp;</div>                    <div>dispon&iacute;vel em:&lt;&nbsp;https://www.parmais.com.br/&gt; Acesso em 07 maio 2017&nbsp;(adaptado).</div>                    <div><br />                      <strong>No que se refere &agrave; cAPItaliza&ccedil;&atilde;o composta,&nbsp;avalIE as asser&ccedil;&otilde;es a seguir e a rela&ccedil;&atilde;o proposta entre elas.</strong><br />                      <br /> I. Os juros compostos apresentam uma situa&ccedil;&atilde;o caracterizada por progress&atilde;o geom&eacute;trica.<br />                      <br />                      <strong>Porque</strong><br />                      <br /> II. Toda sequ&ecirc;ncia num&eacute;rica,na qual cada termo,a partir do segundo,&eacute; igual ao anterior multiplicado por uma constante,&eacute; chamada de progress&atilde;o geom&eacute;trica (PG).<br />                      <br />                      <strong>A respeito dessas asser&ccedil;&otilde;es,assinale a op&ccedil;&atilde;o correta.</strong></div>                  </div>                </div>              </p>              <ol type="A">                <li>                  <p>As asser&ccedil;&otilde;es I e II s&atilde;o proposi&ccedil;&otilde;es verdadeiras&nbsp;e a II &eacute; uma justificativa correta da I.</p>                </li>                <li>                  <p>As asser&ccedil;&otilde;es I e II s&atilde;o proposi&ccedil;&otilde;es verdadeiras,mas a II n&atilde;o &eacute; uma justificativa correta da I.</p>                </li>                <li>                  <p>A asser&ccedil;&atilde;o I &eacute; uma proposi&ccedil;&atilde;o verdadeira&nbsp;e a II &eacute; uma proposi&ccedil;&atilde;o falsa.</p>                </li>                <li>                  <p>A asser&ccedil;&atilde;o I &eacute; uma proposi&ccedil;&atilde;o falsa&nbsp;e a II &eacute; uma proposi&ccedil;&atilde;o verdadeira.</p>                </li>                <li>                  <p>As asser&ccedil;&otilde;es I e II s&atilde;o proposi&ccedil;&otilde;es falsas.</p>                </li>              </ol>            </div>          </td>        </tr>        <tr>          <td>            <div><strong>Questão 9 (0,50)</strong></div>            <div>              <p>                <div>                  <div>Eduardo comprou um carro de forma financiada. O pre&ccedil;o &agrave; vista do ve&iacute;culo &eacute; de R.000,00. O contrato da opera&ccedil;&atilde;o financeira apresenta uma vig&ecirc;ncia de 24 presta&ccedil;&otilde;es mensais,&nbsp;&agrave;                    taxa de 3,5% a.m. <strong>Sobre o processo de amortiza&ccedil;&atilde;o dessa d&iacute;vIDa,avalIE as afirmativas abaixo.</strong></div>                  <div>&nbsp;</div>                  <table border="1" cellpadding="0" cellspacing="0" >                    <tbody>                      <tr>                        <td ><strong>n</strong></td>                        <td ><strong>Presta&ccedil;&atilde;o</strong></td>                        <td ><strong>Juros&nbsp;</strong></td>                        <td ><strong>Amortiza&ccedil;&atilde;o</strong></td>                        <td ><strong>Saldo Devedor</strong></td>                      </tr>                      <tr>                        <td >0</td>                        <td>*********</td>                        <td>******</td>                        <td>************</td>                        <td>50.000,00</td>                      </tr>                      <tr>                        <td >1</td>                        <td>-R.113,64</td>                        <td>1750</td>                        <td>-1.363,64</td>                        <td>48.636,36</td>                      </tr>                      <tr>                        <td >2</td>                        <td>-R.113,64</td>                        <td>1702,27255</td>                        <td>-R.411,37</td>                        <td>R.224,99</td>                      </tr>                      <tr>                        <td >3</td>                        <td>-R.113,64</td>                        <td>R.652,87</td>                        <td>-R.460,77</td>                        <td>R.764,22</td>                      </tr>                      <tr>                        <td >4</td>                        <td>-R.113,64</td>                        <td>R.601,75</td>                        <td>-R.511,89</td>                        <td>R.252,33</td>                      </tr>                      <tr>                        <td >5</td>                        <td>-R.113,64</td>                        <td>R.548,83</td>                        <td>-R.564,81</td>                        <td>R.687,52</td>                      </tr>                      <tr>                        <td >6</td>                        <td>-R.113,64</td>                        <td>R.494,06</td>                        <td>-R.619,58</td>                        <td>R.067,94</td>                      </tr>                      <tr>                        <td >7</td>                        <td>-R.113,64</td>                        <td>R.437,38</td>                        <td>-R.676,26</td>                        <td>R.391,68</td>                      </tr>                      <tr>                        <td >8</td>                        <td>-R.113,64</td>                        <td>R.378,71</td>                        <td>-R.734,93</td>                        <td>R.656,74</td>                      </tr>                      <tr>                        <td >9</td>                        <td>-R.113,64</td>                        <td>R.317,99</td>                        <td>-R.795,66</td>                        <td>R.861,09</td>                      </tr>                      <tr>                        <td >10</td>                        <td>-R.113,64</td>                        <td>R.255,14</td>                        <td>-R.858,50</td>                        <td>R.002,59</td>                      </tr>                      <tr>                        <td >11</td>                        <td>-R.113,64</td>                        <td>R.190,09</td>                        <td>-R.923,55</td>                        <td>R.079,03</td>                      </tr>                      <tr>                        <td >12</td>                        <td>-R.113,64</td>                        <td>R.122,77</td>                        <td>-R.990,88</td>                        <td>R.088,16</td>                      </tr>                      <tr>                        <td >13</td>                        <td>-R.113,64</td>                        <td>R.053,09</td>                        <td>-R.060,56</td>                        <td>R.027,60</td>                      </tr>                      <tr>                        <td >14</td>                        <td>-R.113,64</td>                        <td>R0,97</td>                        <td>-R.132,68</td>                        <td>R.894,93</td>                      </tr>                      <tr>                        <td >15</td>                        <td>-R.113,64</td>                        <td>R6,32</td>                        <td>-R.207,32</td>                        <td>R.687,61</td>                      </tr>                      <tr>                        <td >16</td>                        <td>-R.113,64</td>                        <td>R9,07</td>                        <td>-R.284,58</td>                        <td>R.403,03</td>                      </tr>                      <tr>                        <td >17</td>                        <td>-R.113,64</td>                        <td>R9,11</td>                        <td>-R.364,54</td>                        <td>R.038,50</td>                      </tr>                      <tr>                        <td >18</td>                        <td>-R.113,64</td>                        <td>R6,35</td>                        <td>-R.447,29</td>                        <td>R.591,20</td>                      </tr>                      <tr>                        <td >19</td>                        <td>-R.113,64</td>                        <td>R0,69</td>                        <td>-R.532,95</td>                        <td>R.058,25</td>                      </tr>                      <tr>                        <td >20</td>                        <td>-R.113,64</td>                        <td>R2,04</td>                        <td>-R.621,60</td>                        <td>R.436,65</td>                      </tr>                      <tr>                        <td >21</td>                        <td>-R.113,64</td>                        <td>R0,28</td>                        <td>-R.713,36</td>                        <td>R.723,29</td>                      </tr>                      <tr>                        <td >22</td>                        <td>-R.113,64</td>                        <td>R5,32</td>                        <td>-R.808,33</td>                        <td>R.914,97</td>                      </tr>                      <tr>                        <td >23</td>                        <td>-R.113,64</td>                        <td>R7,02</td>                        <td>-R.906,62</td>                        <td>R.008,35</td>                      </tr>                      <tr>                        <td >24</td>                        <td>-R.113,64</td>                        <td>R5,29</td>                        <td>-R.008,35</td>                        <td>-R,00</td>                      </tr>                    </tbody>                  </table>                  <div>I. O valor do saldo devedor no quarto per&iacute;odo &eacute; de R.861,09.&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<br /> II. Imediatamente ap&oacute;s o pagamento da segunda                    parcela,Eduardo ter&aacute; pago 6,9% do cAPItal total referente aos juros.<br /> III. O valor amortizado no s&eacute;timo pagamento &eacute; de R.676,26.<br /> IV. O processo de amortiza&ccedil;&atilde;o analisado &eacute; o Sistema                    de Amortiza&ccedil;&atilde;o Constante - SAC.<br />                    <br />                    <strong>&Eacute; correto apenas o que se afirma em:</strong></div>                </div>              </p>              <ol type="A">                <li>                  <p>I e IV.</p>                </li>                <li>                  <p>II e III.</p>                </li>                <li>                  <p>I,II e III.</p>                </li>                <li>                  <p>I,III e IV.</p>                </li>                <li>                  <p>II,III e IV.</p>                </li>              </ol>            </div>          </td>        </tr>      </tbody>    </table>  </div></body></HTML>
解决方法 该错误在Chromium项目中报告为 issue 621258.问题的状态在2017年7月5日设置为固定,但我在windows 7上看到了Chrome 60.0.3112.113(截至2017年8月25日的当前版本)中的问题.我添加了 a comment以引起他们的注意. 总结

以上是内存溢出为你收集整理的html – 在Google Chrome中打印表格时,内容与标题重叠全部内容,希望文章能够帮你解决html – 在Google Chrome中打印表格时,内容与标题重叠所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1058089.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-25
下一篇 2022-05-25

发表评论

登录后才能评论

评论列表(0条)

保存