横向两列页面打印问题

Question

我做了一个基于两列且水平布局的报告。我正在尝试添加页码，但无法正常工作。这是jsfiddle

   /*Page Number*/
    @page main-print-page:right {
        @bottom-right {
            content: counter(page);
            font-size: 11pt;
            color: grey;
        }
    }

截屏：

我们可以在上面的屏幕截图中看到一个水平页面和两列。每列应显示第1页和第2页

有人可以帮助我吗？

Answer 1

 div.main-print-page{
         counter-reset: page;
       }
      .page{
         position:relative;
       }
      .page:nth-child(even):after {       

          counter-increment: page;
          content: counter(page);

      }