上面的是百度出来的结果
飘红的那一段,遇到特定组件 打印机会重新开始新的打印页
这个特定组件 指的是?
另外这两个的区别是什么,没怎么看懂
<HTML> <HEAD> <TITLE>Listing 14-4</TITLE> </HEAD> <BODY> <DIV>This is the first DIV.</DIV> <DIV STYLE="page-break-before:always">This is the second DIV.</DIV> <DIV STYLE="page-break-after:always">This is the third DIV.</DIV> <DIV>This is the fourth DIV.</DIV> <DIV STYLE="page-break-before:right">This is the fifth DIV.</DIV> <DIV STYLE="page-break-after:right">This is the sixth DIV.</DIV> <DIV>This is the last DIV.</DIV> </BODY> </HTML>
下面这一段代码也是过了,用的是IE7 打印预览里面效果是一样的
before是在盒模型的前面插入换页符
after是在后面。
你可以使用1.html
<style> h2{page-break-after: always;} </style> 1 <h2>---这个在前1页---</h2> 2 <h2>---这个在前2页---</h2>
和2.html
<style> h2{page-break-before: always;} </style> 1 <h2>---这个在前2页---</h2> 2 <h2>---这个在前3页---</h2>
进行测试就可以看到打印的效果是不同的了
最直观的就是用例子去理解。
注意,css定义换行是插入在h2 的前面还是插入在h2 后面
CSS 还是自己动手去试试 看看 效果。
声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com