页面打印 css

简介: CSS打印分页 page-break-before : auto | always | avoid | left | right | null   参数:  auto :  假如需要在对象之前插入页分割符always :  始终在对象之前插入页分割符avoid :  避免在对象前面插入页分割符left :  在对象前面插入页分割符直到它到达一个空白的左页边right :  在对象前面插入页分割符直到它到达一个空白的右页边null :  空值。

CSS打印分页

page-break-before : auto | always | avoid | left | right | null 
 
参数:
 
auto :  假如需要在对象之前插入页分割符
always :  始终在对象之前插入页分割符
avoid :  避免在对象前面插入页分割符
left :  在对象前面插入页分割符直到它到达一个空白的左页边
right :  在对象前面插入页分割符直到它到达一个空白的右页边
null :  空值。IE5用来取消页分割符设置
 

page-break-after : 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;}
 

IE6下用
style="page-break-before: always"
可以打印分页.

IE7下不行.这句css不起作用
需要加上这句css
<!--[if IE 7]><br style="height:0; line-height:0"><![endif]-->

全部的css
<div style="page-break-before: always;">
   <!--[if IE 7]><br style="height:0; line-height:0"><![endif]--> 或]  <br style="height:0; line-height:0">
</div>

目录
相关文章
HTML+CSS 实现通用的企业官网页面(记得收藏)
HTML+CSS 实现通用的企业官网页面(记得收藏)
|
1月前
|
前端开发 UED 容器
在 CSS 中使用 Flex 布局实现页面自适应时需要注意什么?
【10月更文挑战第22天】在使用 Flex 布局实现页面自适应时,需要对其基本原理和特性有深入的理解,同时结合具体的布局需求和场景,进行细致的调整和优化。通过合理的设置和注意事项的把握,才能实现理想的自适应效果,提升用户体验。还可以根据实际情况进行更深入的探索和实践,以不断提升 Flex 布局的应用能力。
|
1月前
|
前端开发
css页面顶部底部固定,中间自适应几种方法
【10月更文挑战第22天】css页面顶部底部固定,中间自适应几种方法
|
2月前
|
编解码 前端开发 JavaScript
使用 CSS 打印样式为 Web 页面设置专业的打印机效果
使用 CSS 打印样式为 Web 页面设置专业的打印机效果
59 2
HTML+CSS 实现带轮播图的企业官网页面(记得收藏)
HTML+CSS 实现带轮播图的企业官网页面(记得收藏)
HTML+CSS 星空闪烁登录页面(记得收藏)
HTML+CSS 星空闪烁登录页面(记得收藏)
HTML+CSS 登录页面(记得收藏)
HTML+CSS 登录页面(记得收藏)
|
4月前
|
移动开发 前端开发 JavaScript
大气实用的HTML5/CSS3个人中心页面(含源码)
大气实用的HTML5/CSS3个人中心页面(含源码)
|
4月前
|
前端开发 UED
波光粼粼的登录体验:CSS动画让登录页面酷炫升级!
波光粼粼的登录体验:CSS动画让登录页面酷炫升级!
|
5月前
|
前端开发
css动画(仿微信聊天页面)
css动画(仿微信聊天页面)