Phantomjs在分页后应用样式

时间:2017-03-29 19:59:20

标签: html css phantomjs page-break-inside

我正在使用phantomjs生成PDF报告。

下面是我的CSS,它可以避免在两个页面之间拆分文本。它按预期将整行移动到新页面。

.columns {
    page-break-inside:avoid;
} 

我希望在每个页面的开头插入边距和边框,但在发生这些分页符后找不到应用样式的方法。添加类似下面的内容会为每个列类添加我想要的样式,但我只想将它应用于每个页面上的第一个匹配项。

@media print {
  .columns {
    border-top: .1rem solid #f0f1f4;
    border-radius: .2rem;
    margin-top: 40px;
  }
}

0 个答案:

没有答案