Javascript 分页符工作不正常

你好，我希望有人能帮我解决这个问题。基本上，我对分页符有一个问题，让我把我做的每一个小步骤都分解一下：

#1最初，我使用window.print（）时遇到分页符问题，因为我使用的是表标记。

---

#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;
}

---

基本上，问题是正确地使用适当的字体大小进行分页符，并对齐单元格。不幸的是，这对我来说是不可能的。如果有人能帮助我，我将不胜感激。如果你需要详细的信息，请告诉我

如果您给.th hotel一个最小宽度并使用字体大小：13px；分页符有效 我认为问题在于酒店专栏的多行

---

哦，没关系，我刚刚发现使用dompdf将文档转换成PDF是更好的方法。无论您使用的是表格还是其他内容，PDF格式都能保证正确的分页符。它很好用，只要按一下打印按钮，结果就会很好。无论如何，谢谢你的评论。

对你发布的小提琴不起作用。我认为您忽略了一个事实，即如果不在#cuerpo tr上添加“display:block；”，它将不会分页符。因为据我所知，分页符属性只对块元素有效，所以我尝试使用display:block（如果可能）获得一个干净的结果。如果还有别的办法，我很高兴知道。

 @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;
}

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

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

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