[分享]css3打印

CSS3打印功能是CSS3中非常有用的一个特性，它可以帮助我们在进行打印时更好地控制页面内容的呈现效果。通过CSS3的打印功能，我们可以使用一系列的属性来指定打印时页面内容的样式、布局、页眉页脚等，以...

CSS3打印功能是CSS3中非常有用的一个特性，它可以帮助我们在进行打印时更好地控制页面内容的呈现效果。

通过CSS3的打印功能，我们可以使用一系列的属性来指定打印时页面内容的样式、布局、页眉页脚等，以满足各种不同的打印需求。

其中一些常用的属性包括：

@media print {
    /* 打印时设置页面宽度 */
    @page {
        size: A4; 
        margin: 0;
    }
    
    /* 控制打印时的页面布局和样式 */
    body {
        margin: 0; 
        padding: 0;
    }
    
    /* 设置页眉页脚 */
    #header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 100px;
    }
    
    /* 按需隐藏某些内容 */
    .no-print {
        display: none;
    }
} 

通过使用这些属性，我们可以比较方便地进行打印的样式调整，从而得到符合需求的打印输出结果。