CSS分頁符號（左和右）不起作用

Question

我的目標是從瀏覽器打印一系列字母。 對於在紙張兩面打印字母的用戶，我希望確保在前一個字母的背面永遠不會開始新的字母。 字母長度不一，有些是2頁，有些是3。

似乎以下CSS應解決此問題：

page-break-before: left

但是，當我整理樣本時，它似乎沒有按預期工作。

<html>
<head>
<style>
h2.left { page-break-before: left; }
</style>
</head>
<body>

<h2 class="left">New Section</h2>
<h2 class="left">New Section</h2>
<h2 class="left">New Section</h2>
<h2 class="left">New Section</h2>
<h2 class="left">New Section</h2>

</body>
</html>

我希望代碼打印9頁，每頁之間有一個空白頁面強制下一頁到“左”。 實際上，打印預覽只是在它自己的頁面上顯示每個h2，在開頭有一個空白頁面。

我誤解了這個CSS是如何工作的還是我的實現不正確？

Answer 1

它看起來像目前支持的唯一瀏覽器：

page-break-before: left|right
page-break-after: left|right

是Internet Explorer，Edge和Opera Mini（來源： http ： //caniuse.com/#feat=css-page-break ）

如果使用“左”或“右”，其他瀏覽器通常默認為“始終”，這解釋了初始問題中的結果。

CSS分頁符號（左和右）不起作用

問題描述

1 個解決方案

解決方案1
1 已采納 2016-01-27 16:57:52

CSS分頁符號（左和右）不起作用

問題描述

1 個解決方案

解決方案1 1 已采納 2016-01-27 16:57:52

解決方案1
1 已采納 2016-01-27 16:57:52