`
roki
  • 浏览: 61763 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

打印时能够分页打印的CSS控制参考

阅读更多

CSS 与 打印控制

打印时如何控制不显示某些页面元素
<style>
@media print{
INPUT {display:none}
}
</style>
打印时如何控制分页
<TR style="page-break-after:always;">

打印时能够分页打印的CSS控制参考

Pagebreak:在打印的时候强迫在样式控制的对象前后换页。

Before:设置对象前出现的页分割符。设置为always时,始终在对象之前插入页分割符。相对应的CSS属性是”page-break-before”。

After:设置对象后出现的页分割符。设置为always时,始终在对象之后插入页分割符。相对应的CSS属性是”'>。

用page-break-after
page-break-after版本:CSS2 兼容性:IE4+ 继承性:无
语法:
page-break-after : auto | always | avoid | left | right | null
取值:
auto : 假如需要在对象之后插入页分割符
always : 始终在对象之后插入页分割符
avoid : 未支持。避免在对象后面插入页分割符
left : 未支持。在对象后面插入页分割符直到它到达一个空白的左页边
right : 未支持。在对象后面插入页分割符直到它到达一个空白的右页边
null : 空白字符串。取消页分割符设置

说明:
检索或设置对象后出现的页分割符。
此属性在打印文档时发生作用。此属性不作用于 BR 或 HR 对象。
假如在浏览器已显示的对象上此属性和 page-break-before 属性的值之间发生冲突,则导致最大数目分页的值被使用。
页分隔符不允许出现在定位对象内部。
在IE6及之前版本浏览器中, left 和 right 值的作用结果等同于 always 。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 pageBreakAfter 。
示例:
p { page-break-after: always;}

分享到:
评论

相关推荐

    chrome浏览器实现打印预览打印功能.zip

    `真正好用的网页打印和分页方法-CSS+DIV或元素ID.url`链接指向的资源可能包含了一些CSS技巧,如使用`@media print`查询来定义打印样式,以及利用CSS的`page-break-after`或`page-break-inside`属性来控制页面断点,...

    CSS3 离线参考手册

    ### CSS3离线参考手册知识点概述 #### 一、CSS3简介与重要性 CSS3是层叠样式表(Cascading Style Sheets)的第三个主要版本,它为网页设计提供了更多的灵活性、创造性和控制能力。相比之前的版本,CSS3引入了许多新...

    bootstrap-table后端分页功能完整实例

    分享给大家供大家参考,具体如下: 使用bootstrap-table实现后台分页 插件资源点击此处本站下载。 引用以下css &lt;link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.min.css" rel="external no...

    非常好用的打印控件,可以实现精确打印

    这个控件为开发者提供了一种高效且准确的方式来控制打印输出,使得打印任务能够按照预期呈现,无论是在网页还是桌面应用中。 首先,我们要明白什么是打印控件。打印控件是一种软件组件,它允许开发者集成到自己的...

    CSS.Pocket.Reference.3rd.Edition

    Meyer撰写的权威CSS参考手册,它为网页设计师和开发者提供了全面且深入的CSS3知识。本书由O'Reilly Media, Inc.出版,首次出版于2001年,第二版发行于2004年7月,而第三版则在2007年10月面世。该书详细介绍了CSS的...

    调用IE内置打印组件完成web打印方案及例程

    IE浏览器提供了强大的内置打印功能,通过ActiveX控件可以轻松地控制打印行为。本方案主要依赖于IE中的`WebBrowser`控件,该控件可以通过设置其属性和调用方法来实现对网页内容的打印。 #### 三、实现Web打印的基本...

    css 2 中文手册 chm

    CSS 2 考虑到纸质媒体的打印需求,引入了`page-break-after`、`page-break-before`等属性,确保内容在打印时能合理分页。 **10. 字体和文字** CSS 2 支持更多的字体属性,如`font-family`、`font-size`、`font-...

    Web打印代码

    不同的浏览器可能对CSS和JavaScript的支持程度不同,因此在编写Web打印代码时,需要确保代码在主流浏览器(如Chrome、Firefox、Safari和Edge)上都能正常工作。此外,考虑到部分用户可能禁用了JavaScript,所以最好...

    C-Lodop打印demo

    1. CSS文件:例如`PrintSample10.css`,这是用于控制打印样式的CSS文件,通过它我们可以定义打印页面的布局、颜色、字体等视觉元素,确保打印出的文档与屏幕显示保持一致。 2. 安装程序:`install_lodop64.exe`和`...

    CSS Reference

    文档中提到的CSS属性按组分类,包括动画、背景、边框和轮廓、盒模型、颜色、内容分页媒体、尺寸、弹性盒子、字体、生成内容、网格、超链接、行框、列表、边距、滚动条、多列布局、内边距、打印、Ruby注释、语音、...

    asp.net调用JavaScript打印

    根据提供的文件信息,本文将详细解释如何在ASP...此外,还介绍了如何通过CSS媒体查询来控制打印时的页面样式,以达到最佳的打印效果。这种方法不仅适用于IE浏览器,对于其他支持类似功能的浏览器也有一定的参考价值。

    css速查手册.pdf

    7. 分页与打印:页面分页属性(page-break-before、page-break-after)以及分页区域的处理(widows、orphans)。 8. 其他属性:如声音合成(speech-),控制元素的可视性(visibility)、内容生成(Generated...

    asp.net web打印控件

    - **页面控制**:提供页眉、页脚设置,页码控制,分页等功能。 - **样式支持**:支持CSS样式,保证打印样式与网页样式一致。 - **图像处理**:优化图像质量,适应不同分辨率的打印机。 - **自定义打印选项**:...

    DHTML 手册 JavaScript网页设计300例 分页.sql 万年历查询 数据库操作类 导出Excel 打印浏览类

    《DHTML手册》是关于动态超文本标记语言(Dynamic HTML)的参考资料,它涵盖了DHTML的基础概念、核心技术,以及如何利用HTML、CSS和JavaScript来创建交互式的网页内容。DHTML使得网页不仅能在视觉上实现动态效果,还...

    网页打印控件

    在网页打印中,CSS能控制打印样式,比如设置页边距、字体、颜色等,确保打印出的页面符合预期的视觉效果。 PrintSample系列的HTML文件(如PrintSampIndex.html、PrintSample40.html等)是示例网页,用于展示LODOP...

    CSS2.0 中文手册

    9. **Paged Media**:CSS2.0还考虑到了打印媒体,可以控制页面分页、页眉页脚、页面边距等,确保打印出来的内容格式良好。 ### 使用CSS2.0中文手册的方法 《CSS2.0中文手册》通常包含以下部分: - **概述**:介绍...

    开发人员必备的css2完全帮助

    4. 分页媒体:CSS2考虑到了打印等分页媒体,提供了page-break-after/before、orphans/widows等属性,优化了印刷输出。 5. 尺寸单位:除了像素,CSS2还引入了百分比、em、ex等单位,使得元素尺寸可以根据视口或父...

    使用XSL和CSS的带有分页符HTML报告

    在创建带有分页功能的HTML报告时,CSS3引入了一些新特性,如`page-break-after`、`page-break-before`和`page-break-inside`属性,它们可以帮助我们控制元素在打印或视图模式下的分页行为。例如,`page-break-after:...

    Web网页横向打印(smsx.cab)

    - 隐藏元素:在打印时,有时需要隐藏某些元素,如导航栏、广告或者不必要的侧边栏。 - 页面分页:确保内容在纸张边界处分页,避免内容被截断。 2. **横向打印**: - 横向布局:对于宽屏内容或数据表,横向打印能...

    CSS The Definitive Guide 3rd Edition

    - **分页媒体**:介绍了如何让网页内容适配打印或其他分页输出格式。 - **高级选择器**:新增了对IE7及其它主流浏览器中支持的高级CSS选择器的介绍。 #### 三、作者深入解析 - **每个CSS属性的详细解释**:作者...

Global site tag (gtag.js) - Google Analytics