以 `:right` css 页面规则开始第一页？

Question

我定义了 @page :left 和 :right 边距，如下所示：

@page :left {
  margin-left: 0.75in;
  margin-right: 0.25in;
}

@page :right {
  margin-right: 0.75in;
  margin-left: 0.25in;
}

当我使用 Chrome 打印时，它似乎总是以 :left 规则开始文档。

有没有办法让打印从 :right 规则开始？

我对 Chrome 的解决方案最感兴趣，但我也对 Prince 的解决方案感兴趣。

Answer 1

CSS 代表 "cascading style sheet" 而 "cascading" 表示它是从上到下阅读的。如果您只是简单地调换语句的顺序，它应该首先阅读。

Answer 2

将@page :right 放在 :left 上方应该可以做到。

@page :right {
  margin-right: 0.75in;
  margin-left: 0.25in;
}

@page :left {
  margin-left: 0.75in;
  margin-right: 0.25in;
}

Answer 3

您可以使用 page-break-before css property 调整 Chrome 和 Prince（显然）中的分页符。

Start first page with `:right` css page rules?