css3打印机

在Web开发的领域里，打印功能是很必要且常使用的。但基本上我们所熟知的打印功能都十分常规，无法满足一些特殊需求。css3打印机就是针对这种情况推出的一种新的解决方案，它能够让我们轻松地自定义打印内容、样式、布局等等。下面我们一起来了解一下这个神奇的功能吧！

@media print{
    /* 这里可以写入我们要自定义的样式或布局 */
}

可见，css3打印机使用了media query的思路，它的核心就是一个print媒体查询。在这个媒体查询中，我们可以自定义各种各样的样式和布局。比如：

@media print {
    body {
        font-size: 10pt;
        margin: 0;
        padding: 0;
    }

    header,footer {
        display: none;
    }

    p,h1,h2,h3,h4,h5,h6 {
        page-break-inside: avoid;
    }

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

这段代码实现了以下功能：

• 设置打印时文档中所有文字的大小为10pt
• 将body、header、footer的显示都设置为不可见
• 设置页面中的h1-h6标签和p标签不允许跨页打印
• 在文章内容的最后添加@R_315_6404@，以保证文章不被切断

在实际的使用中，我们还可以通过在html元素中添加class或id来针对不同的打印页面做出自定义设置。另外，css3打印机的功能远远不止以上这些，还包括了打印裁剪、色彩控制、填充和轮廓等等各种丰富的功能。有了它，我们将能够打印出各种奇妙的页面，更好地满足用户的需求。