61,093
社区成员
发帖
与我相关
我的任务
分享问：有人用过CSS2中关于打印的@page规则么？能提供简单的例子么？谢谢！
有人用过CSS2中关于打印的@page规则么？能提供简单的例子么？谢谢！
...全文
请发表友善的回复…
发表回复
colee 2003-11-25
- 打赏
- 举报
暂时只好用其他控件来实现了（如袁飞打印控件）
colee 2003-11-25
- 打赏
- 举报
暂时还没有任何浏览器支持，下一代应该可以
chenpengfeifei 2003-11-25
- 打赏
- 举报
:mandolin,你的意思是@page在IE6下也用不了了？
:wanghr100，分页可以实现，我现在的问题是怎样只调整打印页（即，打印预览）的margin等属性，而页面里无变化。
:wanghr100，分页可以实现，我现在的问题是怎样只调整打印页（即，打印预览）的margin等属性，而页面里无变化。
cybernaute 2003-11-24
- 打赏
- 举报
// 设置显示器用字体尺寸
@media screen {
BODY {font-size:12pt; }
}
// 设置打印机用字体尺寸
@media print {
@import "print.css"
BODY {font-size:8pt;}
}
@page doublepage { size: 8.5in 11in; page-break-after: left }
body { page: doublepage; page-break-after: right }
@media screen {
BODY {font-size:12pt; }
}
// 设置打印机用字体尺寸
@media print {
@import "print.css"
BODY {font-size:8pt;}
}
@page doublepage { size: 8.5in 11in; page-break-after: left }
body { page: doublepage; page-break-after: right }
阿米果 2003-11-24
- 打赏
- 举报
page-break-after 版本：CSS2 兼容性：IE4+ 继承性：无
page 版本：CSS2 兼容性：无 继承性：有
wanghr100 2003-11-24
- 打赏
- 举报
你试一下这一个, 可以强制分页的.
只要加入id=newpage 就会从这个标签起新的一页.
<html>
<head>
<title>SlipPage</title>
<style>
#newpage {page-break-after:always }
</style>
</head>
<body>
<p><b>将进酒
<p>君不见，黄河之水天上来，奔流到海不复回。
<p>君不见，高堂明镜悲白发，朝如青丝暮成雪。
<p>人生得意须尽欢，莫使金樽空对月。
<p>天生我材必有用，千金散尽还复来。
<p>烹羊宰牛且为乐，会须一饮三百杯。
<p>岑夫子，丹丘生，将进酒，君莫停。
<p id=newpage>与君歌一曲，请君为我侧耳听。
<p>钟鼓馔玉不足贵，但愿长醉不复醒。
<p>古来圣贤皆寂寞，惟有饮者留其名。
<p>陈王昔时宴平乐，斗酒十千恣欢谑。
<p>主人何为言少钱，径须沽取对君酌。
<p>五花马，千金裘，呼儿将出换美酒，与尔同销万古愁。
</body>
</html>
只要加入id=newpage 就会从这个标签起新的一页.
<html>
<head>
<title>SlipPage</title>
<style>
#newpage {page-break-after:always }
</style>
</head>
<body>
<p><b>将进酒
<p>君不见，黄河之水天上来，奔流到海不复回。
<p>君不见，高堂明镜悲白发，朝如青丝暮成雪。
<p>人生得意须尽欢，莫使金樽空对月。
<p>天生我材必有用，千金散尽还复来。
<p>烹羊宰牛且为乐，会须一饮三百杯。
<p>岑夫子，丹丘生，将进酒，君莫停。
<p id=newpage>与君歌一曲，请君为我侧耳听。
<p>钟鼓馔玉不足贵，但愿长醉不复醒。
<p>古来圣贤皆寂寞，惟有饮者留其名。
<p>陈王昔时宴平乐，斗酒十千恣欢谑。
<p>主人何为言少钱，径须沽取对君酌。
<p>五花马，千金裘，呼儿将出换美酒，与尔同销万古愁。
</body>
</html>
阿米果 2003-11-24
- 打赏
- 举报
CSS2的这个打印好象现在的浏览器尚未支持啊
chenpengfeifei 2003-11-24
- 打赏
- 举报
：cybernaute 帮我看一下那里出了问题（打印预览时没有任何变化），你要觉的分不够可以再给。
<html>
<head>
<title>SlipPage</title>
<style>
// 设置显示器用字体尺寸
@media screen {
BODY {font-size:20pt; }
}
// 设置打印机用字体尺寸
@media print {
@import "print.css"
BODY {font-size:20pt;}
}
@page doublepage { size: 8.5in 11in; page-break-after: left }
body { page: doublepage; page-break-after: right }
</style>
</head>
<body>
<p><b>将进酒
<p>君不见，黄河之水天上来，奔流到海不复回。
<p>君不见，高堂明镜悲白发，朝如青丝暮成雪。
<p>人生得意须尽欢，莫使金樽空对月。
<p>天生我材必有用，千金散尽还复来。
<p>烹羊宰牛且为乐，会须一饮三百杯。
<p>岑夫子，丹丘生，将进酒，君莫停。
<p>与君歌一曲，请君为我侧耳听。
<p>钟鼓馔玉不足贵，但愿长醉不复醒。
<p>古来圣贤皆寂寞，惟有饮者留其名。
<p>陈王昔时宴平乐，斗酒十千恣欢谑。
<p>主人何为言少钱，径须沽取对君酌。
<p>五花马，千金裘，呼儿将出换美酒，与尔同销万古愁。
</body>
</html>
<html>
<head>
<title>SlipPage</title>
<style>
// 设置显示器用字体尺寸
@media screen {
BODY {font-size:20pt; }
}
// 设置打印机用字体尺寸
@media print {
@import "print.css"
BODY {font-size:20pt;}
}
@page doublepage { size: 8.5in 11in; page-break-after: left }
body { page: doublepage; page-break-after: right }
</style>
</head>
<body>
<p><b>将进酒
<p>君不见，黄河之水天上来，奔流到海不复回。
<p>君不见，高堂明镜悲白发，朝如青丝暮成雪。
<p>人生得意须尽欢，莫使金樽空对月。
<p>天生我材必有用，千金散尽还复来。
<p>烹羊宰牛且为乐，会须一饮三百杯。
<p>岑夫子，丹丘生，将进酒，君莫停。
<p>与君歌一曲，请君为我侧耳听。
<p>钟鼓馔玉不足贵，但愿长醉不复醒。
<p>古来圣贤皆寂寞，惟有饮者留其名。
<p>陈王昔时宴平乐，斗酒十千恣欢谑。
<p>主人何为言少钱，径须沽取对君酌。
<p>五花马，千金裘，呼儿将出换美酒，与尔同销万古愁。
</body>
</html>
