打印样式与页面样式

最新推荐文章于 2024-08-07 14:51:47 发布

原创最新推荐文章于 2024-08-07 14:51:47 发布 · 481 阅读

1 ·

CC 4.0 BY-SA版权

php札记专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何使用CSS的@media print规则来定义打印时的样式，并通过示例展示了如何为页面元素设置不同的打印样式。

打印样式和页面样式是可以分开的，

在style标签中加上

@media print { ##打印的样式 }

例子：

##页面中展示文字大小为10号字
.subtitle{	
		page-break-after: avoid;
		font-size:10pt;
		/*font-weight:bold;*/			
	}

##打印的样式--字体大小为7号字
@media print { ##打印的样式 
.subtitle{	
		page-break-after: avoid;
		font-size:7pt;
		/*font-weight:bold;*/			
	}
}