Html 水平两栏页面打印问题

我做了一份报告，两列为基础，水平布局。我正在尝试添加页码，但不起作用。这是一个

截图：

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

---

有人能帮我吗？

请提供一些解释。我已经修改了@Sfili_81

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

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

      }

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

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

      }