我试过玩CSS3的功能@page和counter(page)功能,但我看不到任何页码添加到打印输出.无论我做什么,看起来这根本不起作用.
我的脚手架看起来像这样:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<style type="text/css">
@page {
counter-increment: page;
counter-reset: page 1;
@top-right {
content: "Page " counter(page) " of " counter(pages);
}
}
</style>
<head>
<body>
<div>
Lorem ipsum dolor...
/* this gets long, 2 pages of text */
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
我正在测试它的方式是我在浏览器中打开页面,将其打印到PDF文件,最后我正在验证内容.在不同的浏览器中,输出有点不同,但我无法看到正确的页码.
操作系统:Linux Mint
浏览器:Chromium 25.0.1364.160,Firefox 20.0.1,Opera(最新来自包管理器)
有任何想法吗?
| 归档时间: |
|
| 查看次数: |
6360 次 |
| 最近记录: |