[分享]css3打印不分页

CSS3打印不分页

@media print{
    @page {size:auto; margin: 0;}
    body{padding: 0;}
} 

在打印网页时，往往会出现不希望看到的页面分页情况，这能够影响打印出来的网页的美观程度。CSS3的打印不分页功能能够让我们更方便地掌控这种情况。

在CSS3中，可以使用@media print来监测是否正在进行打印操作。另外，使用@page能够控制当前页面的属性，比如大小或者边距等。需要注意的是，@page的属性只能在@media print下才能生效。

@media print{
    @page {size:auto; margin: 0;}
    body{padding: 0;}
} 

上面这段代码能够让打印出来的页面不再分页，并且能够控制页面的边距和内边距。

在使用CSS3打印不分页功能时，需要根据实际情况去选择合适的属性值，才能够达到最好的打印效果。