Question

您好，我希望有人可以帮我解决这个问题。基本上我遇到了分页问题，让我分解我所做的每一个小步骤：

＃1最初，我使用window.print（）遇到了分页问题，因为我使用的是Table标签。

     @media print {

  @page :first{
    margin-top:1cm; 
  }

  @page {
    margin-top:3cm; 
  }
}

h1, h2, h3, h4, div, table, tr, td, th{
    font-family:Arial, Helvetica, sans-serif;
    border-collapse:collapse;
    width:auto;
    margin:11px;
}


.cuerpo{ 
    position:relative;
    top:200px;
    right:9px;
    font-size:9px;
}


.cuerpo{
    padding-top:150px;
    font-size:9px;
    font-weight:500;
    page-break-after:always;
}


.cuerpo tr {
    padding:3px;
    line-height:15px;
    height:10px;
    width:15px;
}

.cuerpo tbody td, .cuerpo thead th{
    border:1px solid #000000;
    padding:1px;
}

http://jsfiddle.net/the_best/u99BQ/

＃2然后，我在一个论坛中发现分页符合'display：block;'相反，改变了字体大小：13px所以它看起来不太大，也可以适合纸张。我在css中添加了特定的代码行，这就是发生的事情：如果你尝试使用font-size = 100％会正确破坏，但它看起来太大了。

 @media print {

   @page :first{
    margin-top:1cm; 
  }

   @page {
     margin-top:3cm; 
   }
}

h1, h2, h3, h4, div, table, tr, td, th{
    font-family:Arial, Helvetica, sans-serif;
    border-collapse:collapse;
}


thead tr .ancho {
    width:95;
    width:80;
}

#nombre-hotel {
    text-align:center;
}


#cuerpo{ 
    page-break-inside:avoid;
    padding-top:150px;
    position:relative;
    top:50px;
    border-collapse:collapse;
    font-size:90%;
}

#cuerpo tr{ 
    page-break-inside:avoid;
    page-break-after:auto; 
    /*page-break-after:auto;*/
    display:block;
    /*padding:3px;
    line-height:15px;
    height:10px;
    width:15px;*/
}

#cuerpo td, #cuerpo th{ 
    page-break-inside:avoid;
    border:solid 1px #CCCCCC;
}

http://jsfiddle.net/the_best/VwTa7/

基本上问题是使用适当的字体大小来正确分页，并对齐单元格。不幸的是，这不适合我。如果有人可以帮助我，我会非常感激。如果您需要详细信息，请告诉我。

Answer 1

如果你给.th-hotel一个最小宽度并使用font-size：13px;分页工作我认为问题是酒店专栏的多行

http://jsfiddle.net/VwTa7/1/

    #cuerpo{ 
        page-break-inside:auto;
        font-size: 13px;
    }

    #cuerpo tr{ 
        page-break-inside:avoid;
        page-break-after:auto;
    }

    .th-hotel {
        min-width: 250px;
    }

Answer 2

哦，没关系，我只是想通过使用dompdf将文档传送到PDF更好。无论您是否使用表格或其他方法，PDF格式都会照顾正确的分页符。它只是工作正常，只需要按下打印按钮，它就会变好。不管怎样，谢谢你的评论。

Page-Break无法正常工作

2 个答案: