CSS 分页符向左/向右

Question

有没有人知道那里有预览@page CSS 规则的工具？如果做不到这一点，有什么东西可以用来打印完全支持这些规则的文档吗？

http://www.w3.org/TR/CSS2/page.html

歌剧最接近。它支持除左/右分页符之外的所有内容(一如既往地对待它们)，但仍然需要您打印到某些东西才能看到它们(看不到实时打印预览)。

Answer 1

显示打印预览

在 Opera 12.16(以及之前的所有版本，但不幸的是 Opera 16+ 中没有)，您可以按 Control + Shift + P 来显示打印预览，这将使用打印 CSS 媒体来显示页面。如果出于任何原因此快捷方式对您不起作用，您需要将其添加到键盘快捷方式:

1. 打开 Opera 偏好设置(Control + F12)
2. 切换到高级标签 → 快捷方式
3. 单击键盘设置部分右侧的编辑...按钮
4. 点击新建
5. 在第一列中填写“p ctrl shift”(输入上下文和快捷方式)，在第二列中填写“打印预览”(行动)
6. OK，OK，刷新页面试试吧;-)

使用@page CSS 规则

…应该很简单，在 Opera 中一切正常(同样，只有 12.16-)。只需记住 put @page CSS rules in @media print section 样式表，像这样:

@media print {
  @page {
    margin: 0.7cm 0.85cm;
  }
  @page :first {
    margin-top: 5cm;
  }
  @page :left {
    margin-right: 2.5cm;
  }
  @page :right {
    margin-left: 2.5cm;
  }
}

我正在使用这几条规则来设计我的文档以便更好地打印(注意页面内侧的额外边距，为装订留出空间)。希望对您有所帮助!