这个函数能够让大家为打印样式单独写一个样式表,在打印或者生成PDF等输出格式时使用。
打印输出函数可以设置页面尺寸、边距、页眉页脚等属性。
下面是一个示例代码,用@page函数设置了A4纸大小,页眉、页脚的文本和边距。
@media print { @page { size: A4; margin: 2cm; @top-center { content: "页眉内容"; } @bottom-center { content: "页脚内容"; } } }
在这个例子中,大家使用@media print选择器来指定当前样式只在打印时有效。在@media print下,大家使用@page选择器定义了页面属性。
size属性设置了页面的尺寸,这里大家使用了A4纸大小。如果需要自定义页面尺寸,也可以使用width和height属性。
margin属性设置了页面的边距,这里大家设置了2cm的左右上下边距。
@top-center和@bottom-center是页眉和页脚的位置,大家使用content属性定义了它们的内容。
使用打印输出函数,大家可以很方便地定制打印样式,让输出的文档更美观、更专业。