html预览页面做成a4纸,如何在A4纸张尺寸页面制作HTML页面?

本文介绍了如何利用CSS的分页媒体概念来设计适应A4纸张尺寸的HTML页面。通过设置页面大小、边距和分页符,可以实现页面在打印时的布局。同时,建议为Web展示创建单独的CSS,以适应不同设备和浏览器的显示需求。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

105cdcc58ec395e19f709415a553460e.png

largeQ

在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 {

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值