利用CSS样式轻松让IE打印分页

最新推荐文章于 2022-08-11 10:34:36 发布
最新推荐文章于 2022-08-11 10:34:36 发布
阅读量145 收藏
点赞数
原文链接：http://www.cnblogs.com/star250/archive/2007/01/25/630134.html
版权

如何让网页在打印时自动分页，下面介绍最简单的利用CSS样式控制IE分页打印：

首先定义分页样式：
<style>
.NextPage{page-break-before:always;}
</style>


再需要分页的地方调用CSS样式，如下：
<body>
第一页
<div class="NextPage"></div>第二页
<div class="NextPage"></div>第三页
</body>

在IE里面打印欲览一下。


注：JS调用IE打印命令：window.print();

page-break-after   :   auto   |   always   |   avoid   |   left   |   right   |   null    
     
  参数：    
     
  auto   :   　假如需要在对象之后插入页分割符    
  always   :   　始终在对象之后插入页分割符    
  avoid   :   　避免在对象后面插入页分割符    
  left   :   　在对象后面插入页分割符直到它到达一个空白的左页边    
  right   :   　在对象后面插入页分割符直到它到达一个空白的右页边    
  null   :   　空值。IE5用来取消页分割符设置    
     
  说明：    
     
  检索或设置对象后出现的页分割符。  
  IE5仅支持always值和空白值（null）。  
  在IE4中此属性不作用于br对象，但是IE5作用。    
  对应的脚本特性为pageBreakAfter。请参阅我编写的其他书目。

转载于:https://www.cnblogs.com/star250/archive/2007/01/25/630134.html

weixin_30399871
关注
css ie9 打印 hack,IE9下css hack写法
weixin_34900470的博客
08-04 557
ie9一出css hack也该更新，以前一直没关注，今天在内部参考群mxclion分享了IE9的css hack，拿出来也分享一下：select {background-color:red\0; /* ie 8/9*/background-color:blue\9\0; /* ie 9*/*background-color:#dddd00; /* ie 7*/_background-colo...
css修改浏览器打印设置
dddd_1507的博客
02-11 1043
css修改浏览器打印设置1.js2.css打印页面样式浏览器打印设置 1.js window.print(); 2.css 打印页面样式 /* 打印部分显示，其余隐藏 */ @media print { .noPrint { display: none; } .printContent { display: block; } } 浏览器打印设置 @media print { @page { size: portrait;/* 纵向打印：size: portrait; 横向打印：siz
JS调用IE实现分页打印
12-20
JS实现直接调用IE自带的函数实现分页打印,可在DIV中输入打印的内容，则打印按照DIV来进行分页打印。
用CSS3写的一个简单分页样式（兼容ie9及以上）
Anna
11-22 895
html> charset="utf-8"> 分页样式 rel="stylesheet" href="css/score_board.css"> /* 2017/11/21 分页样式*/ ul.pagination { display: inline-block;
打印时能够分页打印的CSS控制参考
roki
08-13 452
CSS 与 打印控制 打印时如何控制不显示某些页面元素 &lt;style&gt; @media print{ INPUT {display:none} } &lt;/style&gt; 打印时如何控制分页 &lt;TR style="page-break-after:always;"&gt; 打印时能够分页打印的CSS控制参考 Pagebreak：在打印的时候强迫在样式控制的对象前后换页。...
利用CSS快速实现页面打印的分页设置
yushangbincheng的博客
06-26 1万+
以前很少涉及到Web页面的批量打印，对于@foreach出来的循环表单强制分页打印也是第一次接触。网上找了下，从简单到复杂分类很多，但是今天才用到@media print这个CSS样式：CSS里有这样的一个标签:page-break-after，其属性值包括： always :始终在对象之后插入页分割符  avoid : 避免在对象后面插入页分割符  auto : 假如需要在对象
有序列表ol漂亮css分页样式代码(纯css)
12-01
本文将深入探讨如何使用CSS（层叠样式表）来创建一个美观且功能完备的有序列表分页样式。 首先，我们从给出的代码片段中可以看到，样式定义主要集中在`.pagination`类上，这是一个包含分页元素的容器。`.pagination...
CSS3等相关属性制作分页导航实现代码
12-13
本教程将详细介绍如何利用CSS3的相关属性，特别是`border-radius`, `transition`, `hover`等，来创建一个类似图片效果的分页导航。目标是模仿W3cplus网站上的分页样式，该样式具有不规则图形以及在鼠标悬停时平滑...
CSS实现强制浏览器分页
12-08
总之，虽然CSS的分页功能相比其他布局和样式控制可能略显不足，但我们仍然可以通过巧妙地使用`page-break-after`等属性以及理解各浏览器之间的差异，来实现满意的打印分页效果。在设计网页打印样式时，充分考虑到跨...
JS 使用 window对象的print方法实现分页打印功能
10-18
在这个过程中，可以给这些元素应用CSS样式来控制打印格式，包括但不限于字体大小、边距、对齐方式、页面分隔等，从而确保打印出来的东西满足我们的需求。 总而言之，使用window对象的print方法，结合CSS属性来控制...
page-break在IE上打印不分页问题
逝水流光的博客
12-21 1830
在打印的时候我们经常使用CSSpage-break-after: always;来分页，如下。最近在做打印分页的时候发现IE11和其他主流的浏览器有一点细微的差别。 .page-break { page-break-after: always; } IE打印时，在浮动的元素上添加分页的样式，打印结果将不会分页 具体HTML代码如下： &amp;lt;div style=&quot;float: left;...
2.css打印分页（随手记录）
qq_35491739的博客
08-11 3703
分页的话使用的css样式一般是page-break-before与page-break-after这两个，对应的是打印前分页与打印后分页。 page-break-before 在元素前分页 page-break-after 在元素后分页 page-break-inside 元素内部分页 打印属性可以控制分页方向，可以设定4种设定值：auto、always、left和right。其中Auto是默认值，只有在有需要时，才需设定分页符号，以page-brea...
css设置打印样式@page
qq_42351675的博客
04-25 1万+
浏览器打印 浏览器自带的打印功能很早之前就有了，所以基本所有浏览器都支持。 我们通过 window.print() 、document.execCommand('print’) 、页面右键菜单打印等方式都可以调起打印。 不同浏览器的区别：在Safari和Chrome都会弹起打印预览的窗口，FireFox没有预览而是直接让你选择打印机，OSx下可以通过预览PDF来预览~ 但是直接使用浏览器打印虽然省事，但是存在很多问题，无法满足我们的打印需求： 打印的是整个网页，不能打印局部内容； 打印不..
css @page 设置 纸张方向
热门推荐
Java陈小白
09-07 1万+
@page{ size:a4;//定义为a4纸 margin:0 0 0 50px;//页面的编剧 } @page rotated { size: landscape;} //定义纸张旋转 .ccc{ page: rotated; //引用旋转 page-break-before:avoid;//前面不加空页 page-break-after:avoid;//后面不加...
MATLAB实现基于SVM-RFE-BP多输入单输出回归预测（含完整的程序和代码详解）
最新发布
10-18
内容概要：本文介绍了使用 MATLAB 实现基于支持向量机（SVM）、递归特征消除（RFE）和反向传播（BP）神经网络的多输入单输出回归预测模型。项目特点包括特征选择、BP神经网络建模、用户友好界面、模型评估机制以及超参数调整。文章详细描述了数据预处理、特征选择、模型训练、评估和可视化的步骤，并提供相应的 MATLAB 代码。 适合人群：具有一定编程基础的科研人员和工程技术人员，特别是从事数据科学、机器学习领域的研究人员。 使用场景及目标：适用于金融预测、疾病预测、工业生产监控和生态环境监测等领域，目的是提高数据预测的准确性。通过项目实战，学习特征选择和神经网络建模的技术细节。 其他说明：文中提到的相关代码示例和实现步骤可直接应用于实际项目中，有助于快速搭建高效的预测模型。同时，通过调整超参数和特征选择方法，可以进一步优化模型的性能。
自编jQuery+CSS3 AJAX分页插件，兼容IE6+
然而，即使没有动画，我们仍然可以利用CSS3来实现优雅的样式效果。 以下是插件的调用代码示例： ```javascript $(function(){ tocount(); }); function tocount() { // 初始化 $.ajax({ url: "/Service/DB...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值