网页制作经验分享：创建打印样式表(3)

示在网页的顶部，比如一个长文档中不同部分的标题（见图13-3），可以给用于格式化那些标题的样式添加page-break-before: always。同样地，要使一个元素作为打印页上的最后一个项目显示，就给那个元素的样式添加page-break-after: always。

page-break-before属性对于大图片也有用，由于有些浏览器使图片横跨两页打印，就很难立即看到整张图片。如果你有一张带有3个文本段落的网页，后面带有一张图片，然后浏览器把一部分图片打印在一页上，另一部分打印在第2页上。你不想访问者需要用玻璃纸来把图片拼回到一起，因此利用page-break-before属性使图片打印在一张新页面上，并且适合整张页面。

这里是利用这些属性的一种快速的方法。创建两个类样式，以类似于.break_after和.break_before的名字来命名，像这样：

.break_before { page-break-before: always; }

.break_after { page-break-after: always; }

然后你可以选择性地把这些样式应用给应该打印在网页顶部或者底部的元素。如果你要一个特定的标题打印在页面的顶部，然后使用一个像这样的样式：<h1 class="break_before">。即使这个元素已经应用了一个类，仍可以添加一个另外的类像这样：<h1 class="sectionTitle break_before">。（你将在第385页的下一章中学到这种有用的方法。）

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有