社区
CSS
帖子详情
问:有人用过CSS2中关于打印的@page规则么?能提供简单的例子么?谢谢!
chenpengfeifei
2003-11-24 11:01:59
有人用过CSS2中关于打印的@page规则么?能提供简单的例子么?谢谢!
...全文
125
8
打赏
收藏
问:有人用过CSS2中关于打印的@page规则么?能提供简单的例子么?谢谢!
有人用过CSS2中关于打印的@page规则么?能提供简单的例子么?谢谢!
复制链接
扫一扫
分享
举报
写回复
配置赞助广告
用AI写文章
8 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
colee
2003-11-25
打赏
举报
回复
暂时只好用其他控件来实现了(如袁飞打印控件)
colee
2003-11-25
打赏
举报
回复
暂时还没有任何浏览器支持,下一代应该可以
chenpengfeifei
2003-11-25
打赏
举报
回复
:mandolin,你的意思是@page在IE6下也用不了了?
: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 }
阿米果
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>
阿米果
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>
css
@
page
规则
控制
打印
设置选项
关于
css
控制
打印
更多内容可以参阅
css
控制
打印
内容的样式一章节。 使用@
page
规则
可以对
打印
进行更多的设置,比如指定页面的尺寸。页边 距,页眉页脚等,以求达到更好的效果。 下面做一下
简单
介绍。 一.纸张大小设置: @
page
{ size: 5.5in 8.5in; } 设置纸张大小,5.5英寸宽,8.5英寸高。 <pre style="overflow...
html设置
打印
规则
,
css
@
page
规则
控制
打印
设置选项
关于
css
控制
打印
更多内容可以参阅
css
控制
打印
内容的样式一章节。使用@
page
规则
可以对
打印
进行更多的设置,比如指定页面的尺寸。页边 距,页眉页脚等,以求达到更好的效果。下面做一下
简单
介绍。一.纸张大小设置:@
page
{size: 5.5in 8.5in;}设置纸张大小,5.5英寸宽,8.5英寸高。@
page
{size: A4;}通过别名控制纸张大小,如"A4"或“legal.”@
page
...
div 设置a4大小_
css
@
page
规则
控制
打印
设置选项
关于
css
控制
打印
更多内容可以参阅
css
控制
打印
内容的样式一章节。使用@
page
规则
可以对
打印
进行更多的设置,比如指定页面的尺寸。页边 距,页眉页脚等,以求达到更好的效果。下面做一下
简单
介绍。一.纸张大小设置:[
CSS
] 纯文本查看 复制代码@
page
{size: 5.5in 8.5in;}设置纸张大小,5.5英寸宽,8.5英寸高。[
CSS
] 纯文本查看 复制代码@
page
{size: A4;...
css
设置
打印
样式@
page
浏览器
打印
浏览器自带的
打印
功能很早之前就有了,所以基本所有浏览器都支持。 我们通过 window.print() 、document.execCommand('print’) 、页面右键菜单
打印
等方式都可以调起
打印
。 不同浏览器的区别:在Safari和Chrome都会弹起
打印
预览的窗口,FireFox没有预览而是直接让你选择
打印
机,OSx下可以通过预览PDF来预览~ 但是直接使用浏览器
打印
虽然省事,但是存在很多
问
题,无法满足我们的
打印
需求:
打印
的是整个网页,不能
打印
局部内容;
打印
不..
WiFi Card
打印
纸张方向:
CSS
@
page
规则
的应用指南
想要为你的WiFi网络创建精美的连接卡片吗?WiFi Card项目让你能够轻松生成包含WiFi登录信息的二维码卡片,方便访客快速连接网络。但在
打印
这些卡片时,你可能会遇到一个重要
问
题:如何控制
打印
时的纸张方向?今天我们将深入探讨
CSS
@
page
规则
在WiFi Card项目
中
的应用技巧。 ## 理解WiFi Card的
打印
需求 WiFi Card是一个实用的开源工具,专门用于生成WiFi连接卡
CSS
61,117
社区成员
60,701
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章