html中设置打印为竖向和横向

html中设置打印为竖向和横向,第1张

在word打印里面,有个设置。

文件-打印,点击右上角的“属性”按钮,在布局窗口,有个方向下拉框,把默认的纵向改为横向,然后确定即可。

再在页面范围里输入需要指定打印的某页页面,比如第5页,输入5,确定即可。

能用CCS? 我想用浏览器打印网页,但是碰到分页的问题 是否能在html中插一个分页符,让程序可以控制分页? 如没有.除非是按打印纸大小编的页面.

其实这个问题应该不关HTML事,而是IE打印功能太弱啦,没有分页,只有自己写控件了.

有分页的,需要使用css 这是有关打印的一些css属性

属性 版本 兼容性 继承性 简介

page CSS2 IE5.5+ 有 检索或指定显示对象容器时使用的页面类型(pagetype)。参阅@page规则

page-break-after CSS2 IE4+ 无 检索或设置对象后出现的页分割符

page-break-before CSS2 IE4+ 无 检索或设置对象前出现的页分割符

page-break-inside CSS2 NONE 有 检索或设置对象容器中出现的页分割符

marks CSS2 NONE 无 设置或检索什么样的标志是应该在页容器外边被给予

orphans CSS2 NONE 有 设置或检索对象内容内一定要留在一页范围底端以内的行的最少数量

size CSS2 NONE 有 检索或指定页面规格的调整

widows CSS2 NONE 有 检索或指定一定要留在页面顶部的行数

---------------------------------------------------------------

分页的时候一般用到page-break-after和page-break-before

page-break-after版本:CSS2 兼容性:IE4+ 继承性:无

语法:

page-break-after : auto | always | avoid | left | right | null

参数:

auto : 假如需要在对象之后插入页分割符

always : 始终在对象之后插入页分割符

avoid : 避免在对象后面插入页分割符

left : 在对象后面插入页分割符直到它到达一个空白的左页边

right : 在对象后面插入页分割符直到它到达一个空白的右页边

null : 空值。IE5用来取消页分割符设置

说明:

检索或设置对象后出现的页分割符。

IE5仅支持always值和空白值(null)。

在IE4中此属性不作用于br对象,但是IE5作用。

对应的脚本特性为pageBreakAfter。请参阅我编写的其他书目。

示例:

p { page-break-after: always}

page-break-before版本:CSS2 兼容性:IE4+ 继承性:无

语法:

page-break-before : auto | always | avoid | left | right | null

参数:

auto : 假如需要在对象之前插入页分割符

always : 始终在对象之前插入页分割符

avoid : 避免在对象前面插入页分割符

left : 在对象前面插入页分割符直到它到达一个空白的左页边

right : 在对象前面插入页分割符直到它到达一个空白的右页边

null : 空值。IE5用来取消页分割符设置

说明:

检索或设置对象前出现的页分割符。

IE5仅支持always值和空白值(null)。

在IE4中此属性不作用于br对象,但是IE5作用。

对应的脚本特性为pageBreakBefore。请参阅我编写的其他书目。

示例:

p { page-break-after: always}

---------------------------------------------------------------

举一个例子吧:

<HTML>

<HEAD>

<STYLE>

P {page-break-after: always}

</STYLE>

</HEAD>

<BODY>

<P>这是第一页的内容</P>

<P>这是第二页的内容</P>

剩下是第三页的内容

</BODY>

</HTML>

你在打印预览的时候就能看出效果了。

四步解决。

打开下载图片的浏览器,点击右上角的设置,选择打印,下拉选择更多设置,把背景图形的勾选上,因为使用的浏览器不同,版本不同,有一定的差异,其他的可以选择打印预览,再点页面设置,把打印背景和图像选中,点击确定就解决。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/7306962.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-04
下一篇2023-04-04

发表评论

登录后才能评论

评论列表(0条)

    保存