CSS分页左/右

Question

有没有人知道有预览@page CSS规则的工具？如果不这样做，那么我可以使用哪些内容来打印完全支持这些规则的文档吗？

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

Opera最接近。它支持除左/右分页符之外的所有内容（一如既往地处理它们），但仍需要您打印某些内容才能看到它们（无法看到实时打印预览）。

Answer 1

显示打印预览

在Opera 12.16（以及之前的所有版本，但不幸地不在Opera 16+中），您可以按Control + Shift + P来显示打印预览，使用print CSS media显示页面。如果出于任何原因，此快捷方式不适合您，则需要将其添加到键盘快捷键：

1. 打开 Opera偏好设置（Control + F12）
2. 切换到高级标签→快捷方式
3. 点击键盘设置部分右侧的编辑... 按钮
4. 点击新建
5. 在第一栏（输入上下文和快捷方式）填写“p ctrl shift”，在第二栏填写“Print preview”（操作）
6. 确定，确定，刷新页面并立即尝试; - ）

使用@page CSS规则

......应该很简单，Opera中的一切都很好（再次，只有12.16-）。请记住将 @page CSS规则添加到样式表的 @media print 部分中，如下所示：

@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;
  }
}

我正在使用这些规则来设计我的文档以便更好地打印（注意页面内侧的额外边距，留出绑定空间）。希望它有所帮助！