Web站点上创建一个独立的与打印相关的页面(2)

}

　　由于该页面中其它那些元件都已经被排除了，现在我们所要做的，就是设置打印页面中的div，就像这样：

　　div#content{
width: 100%;
margin: 0pt;
padding: 0pt;
}

　　设置宽度：100%，这种设置会填充页面上可以打印的部分。当然，你还可以有其它选择，你可以设一个特定的宽度（以英寸），然后采用页边空白和填料，这样，你就可以更好地控制打印输出，不过，如此一来，你就需要仔细考虑，小心测试，以确保你的设置对大多数打印机都有效。

　　第六步：让内容不可浮动

　　有些浏览器打印浮动的div的过程中，会有一个麻烦，需要特别加以注意。例如，基于Gecko的浏览器（例如Netscape 6 ），当用户用它来浏览一个打印输出页面时，它会截去浮动元素中的内容。这些内容就不会被传送到打印机，下一个页面也不会有它的踪影――它消失了。

　　值得庆幸的是，对于这个问题，有一个很方便的工作区。在你的打印页面中的还保留着一些div，你仅仅只需移走这些div中的浮动物就行了。通常，在移走了工具条和导航栏之后，页面布局看起来较简洁，你也就不需要那些浮动物了。你可以使用与下面相类似的方法来移走浮动物：

　　div#content2{
float: none;
}

　　第七步：检查一下其它那些需要调整的样式

　　当你完成了前面那些步骤以后，你要特别当心其中的主要变化，要使一个页面与打印机紧密联系起来的话，这些变化是必须的。尽管如此，可能还是有一些会将用户引入歧途的样式，这些应该引起我们的注意。现在，你该启用你的文档和样式表，好好整理一下那些零碎材料了。启动浏览器的Print Preview功能，预览一下你的打印媒体样式表的效果。

---

　　本文作者： Michael Meadhra，自Web问世之初便涉足IT行业，目前已出版了30多本书，其中包括How to Do Everything with Dreamweaver MX（Osborne/McGraw-Hill出版）。

标签：

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