div 设置a4大小_如何在A4纸张尺寸页面制作HTML页面？

在2005年11月，AlistApart.com发表了一篇关于他们如何使用HTML和CSS发表一本书的文章。请参阅：http：//alistapart.com/article/boom

这是该文章的摘录：CSS2有一个分页媒体的概念(想想纸张)，而不是连续媒体(想想滚动条)。样式表可以设置页面大小及其边距。页面模板可以给出名称，元素可以说明要打印的页面。此外，源文档中的元素可以强制分页。这是我们使用的样式表的片段：@page {

size: 7in 9.25in;

margin: 27mm 16mm 27mm 16mm;}

有了一个美国的出版商，我们得到了以英寸为单位的页面大小。作为欧洲人，我们继续进行公制测量。CSS接受两者。

设置页面大小和页边距后，我们需要确保在正确的位置有分页符。以下摘录显示了如何在章节和附录之后生成分页符：div.chapter, div.appendix {

page-break-after: always;}

另外，我们使用CSS2来声明命名页面：div.titlepage {

page: blank;}

也就是说，标题页将打印在名称为“空白”的页面上.CSS2描述了命名页面的概念，但只有当页眉和页脚可用时，它们的值才会变得明显。

无论如何…

由于您要打印A4，当然需要不同的尺寸：@page {

size: 21cm 29.7cm;

margin: 30mm 45mm 30mm 45mm;

/* change the margins as you want them to be.